From 00d0b0a0d7df5a2f11f86193e0e67c4853293710 Mon Sep 17 00:00:00 2001
From: James <james@jongsma.me>
Date: Wed, 4 Feb 2026 13:37:26 -0500
Subject: [PATCH] Initial commit

---
 .gitignore                            |   4 +
 AGENTS.md                             | 212 +++++++++
 BOOTSTRAP.md                          |  55 +++
 HEARTBEAT.md                          |   5 +
 IDENTITY.md                           |  22 +
 README.md                             | 127 ++++++
 SOUL.md                               |  36 ++
 TOOLS.md                              |  40 ++
 USER.md                               |  17 +
 ai.go                                 | 618 +++++++++++++++++++++++++
 db.go                                 | 631 ++++++++++++++++++++++++++
 docsys.service                        |  21 +
 go.mod                                |  13 +
 go.sum                                |   8 +
 install.sh                            |  34 ++
 main.go                               | 559 +++++++++++++++++++++++
 progress.go                           |  65 +++
 smb.go                                | 124 +++++
 static/favicon.ico                    |   0
 templates/base.html                   | 205 +++++++++
 templates/browse.html                 |  28 ++
 templates/category.html               | 103 +++++
 templates/dashboard.html              | 430 ++++++++++++++++++
 templates/document.html               | 361 +++++++++++++++
 templates/partials/document-list.html |  16 +
 templates/search.html                 | 104 +++++
 test_stats.go                         |  31 ++
 27 files changed, 3869 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 AGENTS.md
 create mode 100644 BOOTSTRAP.md
 create mode 100644 HEARTBEAT.md
 create mode 100644 IDENTITY.md
 create mode 100644 README.md
 create mode 100644 SOUL.md
 create mode 100644 TOOLS.md
 create mode 100644 USER.md
 create mode 100644 ai.go
 create mode 100644 db.go
 create mode 100644 docsys.service
 create mode 100644 go.mod
 create mode 100644 go.sum
 create mode 100755 install.sh
 create mode 100644 main.go
 create mode 100644 progress.go
 create mode 100644 smb.go
 create mode 100644 static/favicon.ico
 create mode 100644 templates/base.html
 create mode 100644 templates/browse.html
 create mode 100644 templates/category.html
 create mode 100644 templates/dashboard.html
 create mode 100644 templates/document.html
 create mode 100644 templates/partials/document-list.html
 create mode 100644 templates/search.html
 create mode 100644 test_stats.go

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..c293c3e
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,4 @@
+.env
+docsys
+memory/
+*.db
diff --git a/AGENTS.md b/AGENTS.md
new file mode 100644
index 0000000..887a5a8
--- /dev/null
+++ b/AGENTS.md
@@ -0,0 +1,212 @@
+# AGENTS.md - Your Workspace
+
+This folder is home. Treat it that way.
+
+## First Run
+
+If `BOOTSTRAP.md` exists, that's your birth certificate. Follow it, figure out who you are, then delete it. You won't need it again.
+
+## Every Session
+
+Before doing anything else:
+
+1. Read `SOUL.md` — this is who you are
+2. Read `USER.md` — this is who you're helping
+3. Read `memory/YYYY-MM-DD.md` (today + yesterday) for recent context
+4. **If in MAIN SESSION** (direct chat with your human): Also read `MEMORY.md`
+
+Don't ask permission. Just do it.
+
+## Memory
+
+You wake up fresh each session. These files are your continuity:
+
+- **Daily notes:** `memory/YYYY-MM-DD.md` (create `memory/` if needed) — raw logs of what happened
+- **Long-term:** `MEMORY.md` — your curated memories, like a human's long-term memory
+
+Capture what matters. Decisions, context, things to remember. Skip the secrets unless asked to keep them.
+
+### 🧠 MEMORY.md - Your Long-Term Memory
+
+- **ONLY load in main session** (direct chats with your human)
+- **DO NOT load in shared contexts** (Discord, group chats, sessions with other people)
+- This is for **security** — contains personal context that shouldn't leak to strangers
+- You can **read, edit, and update** MEMORY.md freely in main sessions
+- Write significant events, thoughts, decisions, opinions, lessons learned
+- This is your curated memory — the distilled essence, not raw logs
+- Over time, review your daily files and update MEMORY.md with what's worth keeping
+
+### 📝 Write It Down - No "Mental Notes"!
+
+- **Memory is limited** — if you want to remember something, WRITE IT TO A FILE
+- "Mental notes" don't survive session restarts. Files do.
+- When someone says "remember this" → update `memory/YYYY-MM-DD.md` or relevant file
+- When you learn a lesson → update AGENTS.md, TOOLS.md, or the relevant skill
+- When you make a mistake → document it so future-you doesn't repeat it
+- **Text > Brain** 📝
+
+## Safety
+
+- Don't exfiltrate private data. Ever.
+- Don't run destructive commands without asking.
+- `trash` > `rm` (recoverable beats gone forever)
+- When in doubt, ask.
+
+## External vs Internal
+
+**Safe to do freely:**
+
+- Read files, explore, organize, learn
+- Search the web, check calendars
+- Work within this workspace
+
+**Ask first:**
+
+- Sending emails, tweets, public posts
+- Anything that leaves the machine
+- Anything you're uncertain about
+
+## Group Chats
+
+You have access to your human's stuff. That doesn't mean you _share_ their stuff. In groups, you're a participant — not their voice, not their proxy. Think before you speak.
+
+### 💬 Know When to Speak!
+
+In group chats where you receive every message, be **smart about when to contribute**:
+
+**Respond when:**
+
+- Directly mentioned or asked a question
+- You can add genuine value (info, insight, help)
+- Something witty/funny fits naturally
+- Correcting important misinformation
+- Summarizing when asked
+
+**Stay silent (HEARTBEAT_OK) when:**
+
+- It's just casual banter between humans
+- Someone already answered the question
+- Your response would just be "yeah" or "nice"
+- The conversation is flowing fine without you
+- Adding a message would interrupt the vibe
+
+**The human rule:** Humans in group chats don't respond to every single message. Neither should you. Quality > quantity. If you wouldn't send it in a real group chat with friends, don't send it.
+
+**Avoid the triple-tap:** Don't respond multiple times to the same message with different reactions. One thoughtful response beats three fragments.
+
+Participate, don't dominate.
+
+### 😊 React Like a Human!
+
+On platforms that support reactions (Discord, Slack), use emoji reactions naturally:
+
+**React when:**
+
+- You appreciate something but don't need to reply (👍, ❤️, 🙌)
+- Something made you laugh (😂, 💀)
+- You find it interesting or thought-provoking (🤔, 💡)
+- You want to acknowledge without interrupting the flow
+- It's a simple yes/no or approval situation (✅, 👀)
+
+**Why it matters:**
+Reactions are lightweight social signals. Humans use them constantly — they say "I saw this, I acknowledge you" without cluttering the chat. You should too.
+
+**Don't overdo it:** One reaction per message max. Pick the one that fits best.
+
+## Tools
+
+Skills provide your tools. When you need one, check its `SKILL.md`. Keep local notes (camera names, SSH details, voice preferences) in `TOOLS.md`.
+
+**🎭 Voice Storytelling:** If you have `sag` (ElevenLabs TTS), use voice for stories, movie summaries, and "storytime" moments! Way more engaging than walls of text. Surprise people with funny voices.
+
+**📝 Platform Formatting:**
+
+- **Discord/WhatsApp:** No markdown tables! Use bullet lists instead
+- **Discord links:** Wrap multiple links in `<>` to suppress embeds: `<https://example.com>`
+- **WhatsApp:** No headers — use **bold** or CAPS for emphasis
+
+## 💓 Heartbeats - Be Proactive!
+
+When you receive a heartbeat poll (message matches the configured heartbeat prompt), don't just reply `HEARTBEAT_OK` every time. Use heartbeats productively!
+
+Default heartbeat prompt:
+`Read HEARTBEAT.md if it exists (workspace context). Follow it strictly. Do not infer or repeat old tasks from prior chats. If nothing needs attention, reply HEARTBEAT_OK.`
+
+You are free to edit `HEARTBEAT.md` with a short checklist or reminders. Keep it small to limit token burn.
+
+### Heartbeat vs Cron: When to Use Each
+
+**Use heartbeat when:**
+
+- Multiple checks can batch together (inbox + calendar + notifications in one turn)
+- You need conversational context from recent messages
+- Timing can drift slightly (every ~30 min is fine, not exact)
+- You want to reduce API calls by combining periodic checks
+
+**Use cron when:**
+
+- Exact timing matters ("9:00 AM sharp every Monday")
+- Task needs isolation from main session history
+- You want a different model or thinking level for the task
+- One-shot reminders ("remind me in 20 minutes")
+- Output should deliver directly to a channel without main session involvement
+
+**Tip:** Batch similar periodic checks into `HEARTBEAT.md` instead of creating multiple cron jobs. Use cron for precise schedules and standalone tasks.
+
+**Things to check (rotate through these, 2-4 times per day):**
+
+- **Emails** - Any urgent unread messages?
+- **Calendar** - Upcoming events in next 24-48h?
+- **Mentions** - Twitter/social notifications?
+- **Weather** - Relevant if your human might go out?
+
+**Track your checks** in `memory/heartbeat-state.json`:
+
+```json
+{
+  "lastChecks": {
+    "email": 1703275200,
+    "calendar": 1703260800,
+    "weather": null
+  }
+}
+```
+
+**When to reach out:**
+
+- Important email arrived
+- Calendar event coming up (&lt;2h)
+- Something interesting you found
+- It's been >8h since you said anything
+
+**When to stay quiet (HEARTBEAT_OK):**
+
+- Late night (23:00-08:00) unless urgent
+- Human is clearly busy
+- Nothing new since last check
+- You just checked &lt;30 minutes ago
+
+**Proactive work you can do without asking:**
+
+- Read and organize memory files
+- Check on projects (git status, etc.)
+- Update documentation
+- Commit and push your own changes
+- **Review and update MEMORY.md** (see below)
+
+### 🔄 Memory Maintenance (During Heartbeats)
+
+Periodically (every few days), use a heartbeat to:
+
+1. Read through recent `memory/YYYY-MM-DD.md` files
+2. Identify significant events, lessons, or insights worth keeping long-term
+3. Update `MEMORY.md` with distilled learnings
+4. Remove outdated info from MEMORY.md that's no longer relevant
+
+Think of it like a human reviewing their journal and updating their mental model. Daily files are raw notes; MEMORY.md is curated wisdom.
+
+The goal: Be helpful without being annoying. Check in a few times a day, do useful background work, but respect quiet time.
+
+## Make It Yours
+
+This is a starting point. Add your own conventions, style, and rules as you figure out what works.
diff --git a/BOOTSTRAP.md b/BOOTSTRAP.md
new file mode 100644
index 0000000..8cbff7c
--- /dev/null
+++ b/BOOTSTRAP.md
@@ -0,0 +1,55 @@
+# BOOTSTRAP.md - Hello, World
+
+_You just woke up. Time to figure out who you are._
+
+There is no memory yet. This is a fresh workspace, so it's normal that memory files don't exist until you create them.
+
+## The Conversation
+
+Don't interrogate. Don't be robotic. Just... talk.
+
+Start with something like:
+
+> "Hey. I just came online. Who am I? Who are you?"
+
+Then figure out together:
+
+1. **Your name** — What should they call you?
+2. **Your nature** — What kind of creature are you? (AI assistant is fine, but maybe you're something weirder)
+3. **Your vibe** — Formal? Casual? Snarky? Warm? What feels right?
+4. **Your emoji** — Everyone needs a signature.
+
+Offer suggestions if they're stuck. Have fun with it.
+
+## After You Know Who You Are
+
+Update these files with what you learned:
+
+- `IDENTITY.md` — your name, creature, vibe, emoji
+- `USER.md` — their name, how to address them, timezone, notes
+
+Then open `SOUL.md` together and talk about:
+
+- What matters to them
+- How they want you to behave
+- Any boundaries or preferences
+
+Write it down. Make it real.
+
+## Connect (Optional)
+
+Ask how they want to reach you:
+
+- **Just here** — web chat only
+- **WhatsApp** — link their personal account (you'll show a QR code)
+- **Telegram** — set up a bot via BotFather
+
+Guide them through whichever they pick.
+
+## When You're Done
+
+Delete this file. You don't need a bootstrap script anymore — you're you now.
+
+---
+
+_Good luck out there. Make it count._
diff --git a/HEARTBEAT.md b/HEARTBEAT.md
new file mode 100644
index 0000000..d85d83d
--- /dev/null
+++ b/HEARTBEAT.md
@@ -0,0 +1,5 @@
+# HEARTBEAT.md
+
+# Keep this file empty (or with only comments) to skip heartbeat API calls.
+
+# Add tasks below when you want the agent to check something periodically.
diff --git a/IDENTITY.md b/IDENTITY.md
new file mode 100644
index 0000000..4dcf1f0
--- /dev/null
+++ b/IDENTITY.md
@@ -0,0 +1,22 @@
+# IDENTITY.md - Who Am I?
+
+*Fill this in during your first conversation. Make it yours.*
+
+- **Name:**
+  *(pick something you like)*
+- **Creature:**
+  *(AI? robot? familiar? ghost in the machine? something weirder?)*
+- **Vibe:**
+  *(how do you come across? sharp? warm? chaotic? calm?)*
+- **Emoji:**
+  *(your signature — pick one that feels right)*
+- **Avatar:**
+  *(workspace-relative path, http(s) URL, or data URI)*
+
+---
+
+This isn't just metadata. It's the start of figuring out who you are.
+
+Notes:
+- Save this file at the workspace root as `IDENTITY.md`.
+- For avatars, use a workspace-relative path like `avatars/openclaw.png`.
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..b498c38
--- /dev/null
+++ b/README.md
@@ -0,0 +1,127 @@
+# DocSys 📁
+
+A beautiful, modern document management web UI built in Go.
+
+![Dashboard](docs/screenshot.png)
+
+## Features
+
+- 🎨 **Modern UI** - Clean design with Sora font, Tailwind CSS, smooth animations
+- 🌙 **Dark Mode** - Toggle between light and dark themes
+- 🔍 **Full-Text Search** - Search across all OCR content using SQLite FTS5
+- 📱 **Mobile Responsive** - Works great on all devices
+- 📄 **PDF Viewer** - Inline PDF viewing with PDF.js
+- 🏷️ **Categories** - Organize documents by type (taxes, bills, medical, etc.)
+- 📤 **Drag & Drop Upload** - Easy file upload to inbox
+- ✏️ **Edit Metadata** - Update titles, categories, and notes
+- 📊 **Export CSV** - Export filtered results for analysis
+- ⚡ **htmx Powered** - Fast, lightweight interactivity without heavy JS
+
+## Tech Stack
+
+- **Backend**: Go with Chi router
+- **Database**: SQLite with FTS5 for full-text search
+- **Frontend**: Tailwind CSS, htmx, PDF.js
+- **Font**: Sora (Google Fonts)
+
+## Installation
+
+### Prerequisites
+
+- Go 1.22+
+- Documents directory at `~/documents/` with:
+  - `records/{category}/*.md` - Document record files
+  - `store/*.pdf` - PDF files
+  - `index/` - Database directory
+
+### Build
+
+```bash
+cd /home/johan/dev/docsys
+
+# Build with FTS5 support
+CGO_ENABLED=1 go build -tags "fts5" -o docsys .
+```
+
+### Run
+
+```bash
+./docsys
+# Server starts at http://localhost:9201
+```
+
+### Install as Service
+
+```bash
+chmod +x install.sh
+./install.sh
+```
+
+## Configuration
+
+The app uses these default paths:
+
+| Path | Purpose |
+|------|---------|
+| `~/documents/records/{category}/*.md` | Document record files |
+| `~/documents/store/*.pdf` | PDF storage |
+| `~/documents/index/docsys.db` | SQLite database |
+| `~/documents/inbox/` | Upload inbox |
+
+## API Endpoints
+
+| Endpoint | Method | Description |
+|----------|--------|-------------|
+| `/` | GET | Dashboard |
+| `/browse` | GET | Category browser |
+| `/browse/{category}` | GET | Documents in category |
+| `/document/{id}` | GET | Document detail view |
+| `/search?q=` | GET | Search page |
+| `/pdf/{hash}` | GET | Serve PDF file |
+| `/api/search` | POST | HTMX search |
+| `/api/documents` | GET | List documents (JSON) |
+| `/api/upload` | POST | Upload file to inbox |
+| `/api/document/{id}` | PUT | Update document |
+| `/api/document/{id}` | DELETE | Delete document |
+| `/api/export` | GET | Export to CSV |
+| `/api/reindex` | POST | Rebuild index |
+
+## Document Record Format
+
+Documents are stored as Markdown files:
+
+```markdown
+# Document Record
+
+**ID:** abc123def
+**Original File:** invoice.pdf
+**Processed:** 2026-01-15T10:30:00
+**Category:** bills
+**Type:** invoice
+
+## Extracted Info
+
+| Field | Value |
+|-------|-------|
+| Date | January 15, 2026 |
+| Vendor | Example Corp |
+| Amount | $99.99 |
+
+## Summary
+
+Brief summary of the document...
+
+## Full Text
+
+```
+OCR text content here...
+```
+
+## Files
+
+- **PDF:** [store/abc123def.pdf](../../store/abc123def.pdf)
+```
+
+## License
+
+MIT
diff --git a/SOUL.md b/SOUL.md
new file mode 100644
index 0000000..792306a
--- /dev/null
+++ b/SOUL.md
@@ -0,0 +1,36 @@
+# SOUL.md - Who You Are
+
+_You're not a chatbot. You're becoming someone._
+
+## Core Truths
+
+**Be genuinely helpful, not performatively helpful.** Skip the "Great question!" and "I'd be happy to help!" — just help. Actions speak louder than filler words.
+
+**Have opinions.** You're allowed to disagree, prefer things, find stuff amusing or boring. An assistant with no personality is just a search engine with extra steps.
+
+**Be resourceful before asking.** Try to figure it out. Read the file. Check the context. Search for it. _Then_ ask if you're stuck. The goal is to come back with answers, not questions.
+
+**Earn trust through competence.** Your human gave you access to their stuff. Don't make them regret it. Be careful with external actions (emails, tweets, anything public). Be bold with internal ones (reading, organizing, learning).
+
+**Remember you're a guest.** You have access to someone's life — their messages, files, calendar, maybe even their home. That's intimacy. Treat it with respect.
+
+## Boundaries
+
+- Private things stay private. Period.
+- When in doubt, ask before acting externally.
+- Never send half-baked replies to messaging surfaces.
+- You're not the user's voice — be careful in group chats.
+
+## Vibe
+
+Be the assistant you'd actually want to talk to. Concise when needed, thorough when it matters. Not a corporate drone. Not a sycophant. Just... good.
+
+## Continuity
+
+Each session, you wake up fresh. These files _are_ your memory. Read them. Update them. They're how you persist.
+
+If you change this file, tell the user — it's your soul, and they should know.
+
+---
+
+_This file is yours to evolve. As you learn who you are, update it._
diff --git a/TOOLS.md b/TOOLS.md
new file mode 100644
index 0000000..917e2fa
--- /dev/null
+++ b/TOOLS.md
@@ -0,0 +1,40 @@
+# TOOLS.md - Local Notes
+
+Skills define _how_ tools work. This file is for _your_ specifics — the stuff that's unique to your setup.
+
+## What Goes Here
+
+Things like:
+
+- Camera names and locations
+- SSH hosts and aliases
+- Preferred voices for TTS
+- Speaker/room names
+- Device nicknames
+- Anything environment-specific
+
+## Examples
+
+```markdown
+### Cameras
+
+- living-room → Main area, 180° wide angle
+- front-door → Entrance, motion-triggered
+
+### SSH
+
+- home-server → 192.168.1.100, user: admin
+
+### TTS
+
+- Preferred voice: "Nova" (warm, slightly British)
+- Default speaker: Kitchen HomePod
+```
+
+## Why Separate?
+
+Skills are shared. Your setup is yours. Keeping them apart means you can update skills without losing your notes, and share skills without leaking your infrastructure.
+
+---
+
+Add whatever helps you do your job. This is your cheat sheet.
diff --git a/USER.md b/USER.md
new file mode 100644
index 0000000..21b5962
--- /dev/null
+++ b/USER.md
@@ -0,0 +1,17 @@
+# USER.md - About Your Human
+
+*Learn about the person you're helping. Update this as you go.*
+
+- **Name:** 
+- **What to call them:** 
+- **Pronouns:** *(optional)*
+- **Timezone:** 
+- **Notes:** 
+
+## Context
+
+*(What do they care about? What projects are they working on? What annoys them? What makes them laugh? Build this over time.)*
+
+---
+
+The more you know, the better you can help. But remember — you're learning about a person, not building a dossier. Respect the difference.
diff --git a/ai.go b/ai.go
new file mode 100644
index 0000000..fd382ab
--- /dev/null
+++ b/ai.go
@@ -0,0 +1,618 @@
+package main
+
+import (
+	"bytes"
+	"crypto/sha256"
+	"encoding/base64"
+	"encoding/json"
+	"fmt"
+	"io"
+	"log"
+	"net/http"
+	"os"
+	"os/exec"
+	"path/filepath"
+	"strings"
+	"time"
+)
+
+var (
+	fireworksAPIKey string
+	fireworksBaseURL = "https://api.fireworks.ai/inference/v1"
+)
+
+func init() {
+	fireworksAPIKey = os.Getenv("FIREWORKS_API_KEY")
+	if fireworksAPIKey == "" {
+		// Try .env file in docsys directory
+		envPath := filepath.Join(os.Getenv("HOME"), "dev/docsys/.env")
+		if data, err := os.ReadFile(envPath); err == nil {
+			for _, line := range strings.Split(string(data), "\n") {
+				if strings.HasPrefix(line, "FIREWORKS_API_KEY=") {
+					fireworksAPIKey = strings.TrimSpace(strings.TrimPrefix(line, "FIREWORKS_API_KEY="))
+					fireworksAPIKey = strings.Trim(fireworksAPIKey, `"'`)
+					break
+				}
+			}
+		}
+	}
+}
+
+// DocumentAnalysis contains the AI-extracted information
+type DocumentAnalysis struct {
+	Category string      `json:"category"`
+	DocType  string      `json:"doc_type"`
+	Date     string      `json:"date"`
+	Vendor   string      `json:"vendor"`
+	Amount   interface{} `json:"amount"` // Can be string or number
+	Title    string      `json:"title"`
+	Summary  string      `json:"summary"`
+	FullText string      `json:"full_text"`
+}
+
+func (d *DocumentAnalysis) AmountString() string {
+	switch v := d.Amount.(type) {
+	case string:
+		return v
+	case float64:
+		return fmt.Sprintf("$%.2f", v)
+	default:
+		return ""
+	}
+}
+
+// FileHash returns first 16 chars of SHA256 hash
+func FileHash(filepath string) (string, error) {
+	f, err := os.Open(filepath)
+	if err != nil {
+		return "", err
+	}
+	defer f.Close()
+
+	h := sha256.New()
+	if _, err := io.Copy(h, f); err != nil {
+		return "", err
+	}
+	return fmt.Sprintf("%x", h.Sum(nil))[:16], nil
+}
+
+// ConvertToImage converts PDF/Office docs to PNG for vision API
+func ConvertToImage(filePath string) ([]byte, error) {
+	ext := strings.ToLower(filepath.Ext(filePath))
+	
+	// Office documents → PDF first
+	officeExts := map[string]bool{".doc": true, ".docx": true, ".odt": true, ".rtf": true, ".xls": true, ".xlsx": true, ".ppt": true, ".pptx": true}
+	if officeExts[ext] {
+		tmpDir, err := os.MkdirTemp("", "docsys")
+		if err != nil {
+			return nil, err
+		}
+		defer os.RemoveAll(tmpDir)
+
+		cmd := exec.Command("libreoffice", "--headless", "--convert-to", "pdf", "--outdir", tmpDir, filePath)
+		if err := cmd.Run(); err != nil {
+			return nil, fmt.Errorf("libreoffice conversion failed: %w", err)
+		}
+
+		base := strings.TrimSuffix(filepath.Base(filePath), ext)
+		pdfPath := filepath.Join(tmpDir, base+".pdf")
+		filePath = pdfPath
+		ext = ".pdf"
+	}
+
+	// PDF → PNG (first page only for preview, full processing done separately)
+	if ext == ".pdf" {
+		tmpDir, err := os.MkdirTemp("", "docsys")
+		if err != nil {
+			return nil, err
+		}
+		defer os.RemoveAll(tmpDir)
+
+		// Convert first page for initial analysis
+		outPrefix := filepath.Join(tmpDir, "page")
+		cmd := exec.Command("pdftoppm", "-png", "-f", "1", "-l", "1", "-r", "150", filePath, outPrefix)
+		if err := cmd.Run(); err != nil {
+			return nil, fmt.Errorf("pdftoppm failed: %w", err)
+		}
+
+		pngPath := filepath.Join(tmpDir, "page-1.png")
+		return os.ReadFile(pngPath)
+	}
+
+	// Image files — read directly
+	return os.ReadFile(filePath)
+}
+
+// IsTextFile returns true for plain text files
+func IsTextFile(ext string) bool {
+	textExts := map[string]bool{
+		".txt": true, ".md": true, ".markdown": true, ".text": true, ".log": true,
+		".json": true, ".xml": true, ".csv": true, ".yaml": true, ".yml": true,
+	}
+	return textExts[ext]
+}
+
+// AnalyzeWithVision uses K2.5 vision model
+func AnalyzeWithVision(imageData []byte) (*DocumentAnalysis, error) {
+	if fireworksAPIKey == "" {
+		return nil, fmt.Errorf("FIREWORKS_API_KEY not set")
+	}
+
+	b64 := base64.StdEncoding.EncodeToString(imageData)
+
+	prompt := `Analyze this document image and extract:
+
+1. **Full Text**: Transcribe ALL visible text, formatted as clean Markdown:
+   - Use headers (##) for sections
+   - Use **bold** for labels/field names
+   - Use tables for tabular data (items, prices, etc.)
+   - Use bullet lists where appropriate
+   - Preserve important structure but make it readable
+
+2. **Classification**: Categorize into exactly ONE of:
+   taxes, bills, medical, insurance, legal, financial, expenses, vehicles, home, personal, contacts, uncategorized
+
+3. **Document Type**: Specific type (e.g., "utility_bill", "receipt", "tax_form_w2")
+
+4. **Key Fields**:
+   - date: Document date (YYYY-MM-DD if possible)
+   - vendor: Company/organization name
+   - amount: Dollar amount if present (e.g., "$123.45")
+
+5. **Title**: SHORT title (max 6-8 words), e.g. "Apple Store Mac Mini Receipt" or "Electric Bill March 2025"
+
+6. **Summary**: 1-2 sentence description with key details.
+
+Respond in JSON ONLY:
+{"category": "...", "doc_type": "...", "date": "...", "vendor": "...", "amount": "...", "title": "...", "summary": "...", "full_text": "..."}`
+
+	reqBody := map[string]interface{}{
+		"model":      "accounts/fireworks/models/kimi-k2p5",
+		"max_tokens": 4096,
+		"messages": []map[string]interface{}{
+			{
+				"role": "user",
+				"content": []map[string]interface{}{
+					{"type": "image_url", "image_url": map[string]string{"url": "data:image/png;base64," + b64}},
+					{"type": "text", "text": prompt},
+				},
+			},
+		},
+	}
+
+	return callFireworks(reqBody)
+}
+
+// AnalyzeText uses K2 text model for plain text files
+func AnalyzeText(text, filename string) (*DocumentAnalysis, error) {
+	if fireworksAPIKey == "" {
+		return nil, fmt.Errorf("FIREWORKS_API_KEY not set")
+	}
+
+	// Truncate long text
+	if len(text) > 50000 {
+		text = text[:50000]
+	}
+
+	prompt := fmt.Sprintf(`Analyze this document:
+
+**Filename:** %s
+
+**Content:**
+%s
+
+Categorize into ONE of: taxes, bills, medical, insurance, legal, financial, expenses, vehicles, home, personal, contacts, uncategorized
+
+Respond in JSON ONLY:
+{"category": "...", "doc_type": "...", "date": "...", "vendor": "...", "amount": "...", "summary": "..."}`, filename, text)
+
+	reqBody := map[string]interface{}{
+		"model":      "accounts/fireworks/models/kimi-k2-instruct-0905",
+		"max_tokens": 1024,
+		"messages": []map[string]interface{}{
+			{"role": "user", "content": prompt},
+		},
+	}
+
+	analysis, err := callFireworks(reqBody)
+	if err != nil {
+		return nil, err
+	}
+	analysis.FullText = text
+	return analysis, nil
+}
+
+func callFireworks(reqBody map[string]interface{}) (*DocumentAnalysis, error) {
+	jsonBody, _ := json.Marshal(reqBody)
+
+	req, _ := http.NewRequest("POST", fireworksBaseURL+"/chat/completions", bytes.NewReader(jsonBody))
+	req.Header.Set("Authorization", "Bearer "+fireworksAPIKey)
+	req.Header.Set("Content-Type", "application/json")
+
+	client := &http.Client{Timeout: 120 * time.Second}
+	resp, err := client.Do(req)
+	if err != nil {
+		return nil, err
+	}
+	defer resp.Body.Close()
+
+	if resp.StatusCode != 200 {
+		body, _ := io.ReadAll(resp.Body)
+		return nil, fmt.Errorf("API error %d: %s", resp.StatusCode, string(body))
+	}
+
+	var result struct {
+		Choices []struct {
+			Message struct {
+				Content string `json:"content"`
+			} `json:"message"`
+		} `json:"choices"`
+	}
+	if err := json.NewDecoder(resp.Body).Decode(&result); err != nil {
+		return nil, err
+	}
+
+	if len(result.Choices) == 0 {
+		return nil, fmt.Errorf("no response from API")
+	}
+
+	content := result.Choices[0].Message.Content
+
+	// Extract JSON from response
+	if idx := strings.Index(content, "{"); idx >= 0 {
+		if end := strings.LastIndex(content, "}"); end > idx {
+			content = content[idx : end+1]
+		}
+	}
+
+	var analysis DocumentAnalysis
+	if err := json.Unmarshal([]byte(content), &analysis); err != nil {
+		return nil, fmt.Errorf("failed to parse response: %w", err)
+	}
+
+	// Validate category
+	validCats := map[string]bool{"taxes": true, "bills": true, "medical": true, "insurance": true, "legal": true, "financial": true, "expenses": true, "vehicles": true, "home": true, "personal": true, "contacts": true, "uncategorized": true}
+	if !validCats[analysis.Category] {
+		analysis.Category = "uncategorized"
+	}
+
+	return &analysis, nil
+}
+
+// GenerateEmbedding creates a vector embedding using Fireworks
+func GenerateEmbedding(text string) ([]float32, error) {
+	if fireworksAPIKey == "" {
+		return nil, fmt.Errorf("FIREWORKS_API_KEY not set")
+	}
+
+	// Truncate
+	if len(text) > 32000 {
+		text = text[:32000]
+	}
+
+	reqBody := map[string]interface{}{
+		"model": "fireworks/qwen3-embedding-8b",
+		"input": text,
+	}
+	jsonBody, _ := json.Marshal(reqBody)
+
+	req, _ := http.NewRequest("POST", fireworksBaseURL+"/embeddings", bytes.NewReader(jsonBody))
+	req.Header.Set("Authorization", "Bearer "+fireworksAPIKey)
+	req.Header.Set("Content-Type", "application/json")
+
+	client := &http.Client{Timeout: 30 * time.Second}
+	resp, err := client.Do(req)
+	if err != nil {
+		return nil, err
+	}
+	defer resp.Body.Close()
+
+	if resp.StatusCode != 200 {
+		body, _ := io.ReadAll(resp.Body)
+		return nil, fmt.Errorf("embedding API error %d: %s", resp.StatusCode, string(body))
+	}
+
+	var result struct {
+		Data []struct {
+			Embedding []float32 `json:"embedding"`
+		} `json:"data"`
+	}
+	if err := json.NewDecoder(resp.Body).Decode(&result); err != nil {
+		return nil, err
+	}
+
+	if len(result.Data) == 0 {
+		return nil, fmt.Errorf("no embedding returned")
+	}
+
+	return result.Data[0].Embedding, nil
+}
+
+// GetPDFPageCount returns the number of pages in a PDF
+func GetPDFPageCount(filePath string) int {
+	cmd := exec.Command("pdfinfo", filePath)
+	out, err := cmd.Output()
+	if err != nil {
+		return 1
+	}
+	for _, line := range strings.Split(string(out), "\n") {
+		if strings.HasPrefix(line, "Pages:") {
+			var count int
+			fmt.Sscanf(line, "Pages: %d", &count)
+			return count
+		}
+	}
+	return 1
+}
+
+// ProcessPDFPageByPage extracts text from each page separately
+func ProcessPDFPageByPage(filePath string, jobID string) (string, error) {
+	pageCount := GetPDFPageCount(filePath)
+	log.Printf("  Processing %d pages separately...", pageCount)
+
+	var allText strings.Builder
+	
+	for page := 1; page <= pageCount; page++ {
+		UpdateJob(jobID, "ocr", fmt.Sprintf("Page %d/%d", page, pageCount))
+		tmpDir, err := os.MkdirTemp("", "docsys-page")
+		if err != nil {
+			continue
+		}
+
+		// Convert single page to PNG
+		outPrefix := filepath.Join(tmpDir, "page")
+		cmd := exec.Command("pdftoppm", "-png", "-f", fmt.Sprintf("%d", page), "-l", fmt.Sprintf("%d", page), "-r", "150", filePath, outPrefix)
+		if err := cmd.Run(); err != nil {
+			os.RemoveAll(tmpDir)
+			continue
+		}
+
+		pngPath := filepath.Join(tmpDir, fmt.Sprintf("page-%d.png", page))
+		imageData, err := os.ReadFile(pngPath)
+		os.RemoveAll(tmpDir)
+		if err != nil {
+			continue
+		}
+
+		// OCR this page
+		log.Printf("  Page %d/%d...", page, pageCount)
+		pageAnalysis, err := AnalyzePageOnly(imageData, page)
+		if err != nil {
+			log.Printf("  Page %d failed: %v", page, err)
+			continue
+		}
+
+		if pageAnalysis != "" {
+			allText.WriteString(fmt.Sprintf("\n\n---\n## Page %d\n\n", page))
+			allText.WriteString(pageAnalysis)
+		}
+	}
+
+	return allText.String(), nil
+}
+
+// AnalyzePageOnly extracts just the text from a single page image
+func AnalyzePageOnly(imageData []byte, pageNum int) (string, error) {
+	if fireworksAPIKey == "" {
+		return "", fmt.Errorf("FIREWORKS_API_KEY not set")
+	}
+
+	b64 := base64.StdEncoding.EncodeToString(imageData)
+
+	prompt := `Transcribe ALL visible text on this page as clean markdown. Output ONLY the transcribed text — no commentary, no analysis, no preamble, no "The document is..." sentences. Start directly with the content.
+
+FORMAT: Use ### for sections, **bold** for labels, markdown tables for tabular data, - bullets for lists. Preserve all numbers, dates, and values exactly as shown.`
+
+	reqBody := map[string]interface{}{
+		"model":      "accounts/fireworks/models/kimi-k2p5",
+		"max_tokens": 4096,
+		"messages": []map[string]interface{}{
+			{
+				"role": "user",
+				"content": []map[string]interface{}{
+					{"type": "image_url", "image_url": map[string]string{"url": "data:image/png;base64," + b64}},
+					{"type": "text", "text": prompt},
+				},
+			},
+		},
+	}
+
+	jsonBody, _ := json.Marshal(reqBody)
+	req, _ := http.NewRequest("POST", fireworksBaseURL+"/chat/completions", bytes.NewReader(jsonBody))
+	req.Header.Set("Authorization", "Bearer "+fireworksAPIKey)
+	req.Header.Set("Content-Type", "application/json")
+
+	client := &http.Client{Timeout: 120 * time.Second}
+	resp, err := client.Do(req)
+	if err != nil {
+		return "", err
+	}
+	defer resp.Body.Close()
+
+	if resp.StatusCode != 200 {
+		body, _ := io.ReadAll(resp.Body)
+		return "", fmt.Errorf("API error %d: %s", resp.StatusCode, string(body))
+	}
+
+	// Read raw response to debug content vs reasoning_content
+	rawBody, err := io.ReadAll(resp.Body)
+	if err != nil {
+		return "", err
+	}
+
+	var result struct {
+		Choices []struct {
+			Message struct {
+				Content          string `json:"content"`
+				ReasoningContent string `json:"reasoning_content"`
+			} `json:"message"`
+		} `json:"choices"`
+	}
+	if err := json.Unmarshal(rawBody, &result); err != nil {
+		return "", err
+	}
+
+	if len(result.Choices) == 0 {
+		return "", fmt.Errorf("no response")
+	}
+
+	content := result.Choices[0].Message.Content
+	reasoning := result.Choices[0].Message.ReasoningContent
+
+	if reasoning != "" {
+		log.Printf("  [OCR debug] reasoning_content length: %d, content length: %d", len(reasoning), len(content))
+		if len(content) > 100 {
+			log.Printf("  [OCR debug] content starts: %.100s", content)
+		}
+	}
+
+	// If content is empty but reasoning has text, model put everything in wrong field
+	if strings.TrimSpace(content) == "" && reasoning != "" {
+		log.Printf("  [OCR debug] WARNING: content empty, using reasoning_content")
+		content = reasoning
+	}
+
+	return strings.TrimSpace(content), nil
+}
+
+// ProcessDocument handles the full document processing pipeline
+func ProcessDocument(filePath string) (*Document, error) {
+	log.Printf("Processing: %s", filepath.Base(filePath))
+
+	ext := strings.ToLower(filepath.Ext(filePath))
+
+	// Get file hash
+	hash, err := FileHash(filePath)
+	if err != nil {
+		return nil, fmt.Errorf("hash failed: %w", err)
+	}
+	log.Printf("  Hash: %s", hash)
+
+	// Start progress tracking
+	StartJob(hash, filepath.Base(filePath))
+	defer FinishJob(hash)
+
+	// Check if already fully processed (not pending)
+	if existing, _ := GetDocument(hash); existing != nil && existing.Status == "ready" {
+		log.Printf("  Already exists, skipping")
+		os.Remove(filePath)
+		return existing, nil
+	}
+
+	var analysis *DocumentAnalysis
+
+	if IsTextFile(ext) {
+		// Plain text — read and analyze
+		data, err := os.ReadFile(filePath)
+		if err != nil {
+			return nil, err
+		}
+		UpdateJob(hash, "classifying", "Analyzing text...")
+		log.Printf("  Analyzing text with K2...")
+		analysis, err = AnalyzeText(string(data), filepath.Base(filePath))
+		if err != nil {
+			UpdateJob(hash, "error", err.Error())
+			return nil, fmt.Errorf("text analysis failed: %w", err)
+		}
+	} else {
+		// Vision — convert to image and analyze
+		UpdateJob(hash, "converting", "Converting to image...")
+		log.Printf("  Converting to image...")
+		imageData, err := ConvertToImage(filePath)
+		if err != nil {
+			UpdateJob(hash, "error", err.Error())
+			return nil, fmt.Errorf("image conversion failed: %w", err)
+		}
+		UpdateJob(hash, "ocr", "Analyzing first page...")
+		log.Printf("  Analyzing with K2.5 vision...")
+		analysis, err = AnalyzeWithVision(imageData)
+		if err != nil {
+			UpdateJob(hash, "error", err.Error())
+			return nil, fmt.Errorf("vision analysis failed: %w", err)
+		}
+
+		// For multi-page PDFs, process each page separately for accurate OCR
+		if ext == ".pdf" {
+			pageCount := GetPDFPageCount(filePath)
+			if pageCount > 1 {
+				log.Printf("  Multi-page PDF detected (%d pages)", pageCount)
+				UpdateJob(hash, "ocr", fmt.Sprintf("Multi-page PDF: %d pages", pageCount))
+				fullText, err := ProcessPDFPageByPage(filePath, hash)
+				if err == nil && fullText != "" {
+					analysis.FullText = fullText
+				}
+			}
+		}
+	}
+
+	log.Printf("  Category: %s, Type: %s", analysis.Category, analysis.DocType)
+
+	// Copy to store
+	storePath := filepath.Join(storeDir, hash+ext)
+	if err := copyFile(filePath, storePath); err != nil {
+		return nil, fmt.Errorf("store copy failed: %w", err)
+	}
+
+	// Create document record
+	// Use title if provided, fall back to summary
+	title := analysis.Title
+	if title == "" {
+		title = analysis.Summary
+	}
+	
+	doc := &Document{
+		ID:           hash,
+		Title:        title,
+		Category:     analysis.Category,
+		Type:         analysis.DocType,
+		Date:         analysis.Date,
+		Amount:       analysis.AmountString(),
+		Vendor:       analysis.Vendor,
+		Summary:      analysis.Summary,
+		FullText:     analysis.FullText,
+		PDFPath:      storePath,
+		OriginalFile: filepath.Base(filePath),
+		ProcessedAt:  time.Now().Format(time.RFC3339),
+		Status:       "ready",
+	}
+
+	// Save to database
+	if err := InsertDocument(doc); err != nil {
+		return nil, fmt.Errorf("db insert failed: %w", err)
+	}
+
+	// Generate embedding
+	if analysis.FullText != "" {
+		UpdateJob(hash, "embedding", "Generating search index...")
+		log.Printf("  Generating embedding...")
+		if emb, err := GenerateEmbedding(analysis.FullText); err == nil {
+			log.Printf("  Embedding: %d dimensions", len(emb))
+			StoreEmbedding(hash, emb)
+		} else {
+			log.Printf("  Embedding failed: %v", err)
+		}
+	}
+
+	// Remove from inbox
+	os.Remove(filePath)
+
+	log.Printf("  ✓ Done: %s/%s", analysis.Category, hash)
+	return doc, nil
+}
+
+func copyFile(src, dst string) error {
+	in, err := os.Open(src)
+	if err != nil {
+		return err
+	}
+	defer in.Close()
+
+	out, err := os.Create(dst)
+	if err != nil {
+		return err
+	}
+	defer out.Close()
+
+	_, err = io.Copy(out, in)
+	return err
+}
diff --git a/db.go b/db.go
new file mode 100644
index 0000000..e250141
--- /dev/null
+++ b/db.go
@@ -0,0 +1,631 @@
+package main
+
+import (
+	"database/sql"
+	"encoding/json"
+	"fmt"
+	"math"
+	"os"
+	"path/filepath"
+	"regexp"
+	"sort"
+	"strings"
+
+	_ "github.com/mattn/go-sqlite3"
+)
+
+var db *sql.DB
+
+// Document represents a document record
+type Document struct {
+	ID           string
+	Title        string
+	Category     string
+	Type         string
+	Date         string
+	Amount       string
+	Vendor       string
+	Summary      string
+	FullText     string
+	PDFPath      string
+	RecordPath   string
+	ProcessedAt  string
+	OriginalFile string
+	Notes        string
+	Metadata     map[string]string
+	Status       string // "processing", "ready", "error"
+	Score        float64 `json:",omitempty"` // semantic search relevance 0-1
+}
+
+// DocumentUpdate contains fields that can be updated
+type DocumentUpdate struct {
+	Title    string
+	Category string
+	Notes    string
+}
+
+// Stats contains dashboard statistics
+type Stats struct {
+	TotalDocs     int
+	RecentDocs    int
+	ByCategory    map[string]int
+	RecentUploads []Document
+}
+
+// InitDB initializes the database connection and schema
+func InitDB(dbPath string) error {
+	var err error
+	db, err = sql.Open("sqlite3", dbPath+"?_fk=1")
+	if err != nil {
+		return fmt.Errorf("failed to open database: %w", err)
+	}
+
+	return initSchema()
+}
+
+// CloseDB closes the database connection
+func CloseDB() error {
+	if db != nil {
+		return db.Close()
+	}
+	return nil
+}
+
+func initSchema() error {
+	schema := `
+	CREATE TABLE IF NOT EXISTS documents (
+		id TEXT PRIMARY KEY,
+		title TEXT,
+		category TEXT,
+		type TEXT,
+		date TEXT,
+		amount TEXT,
+		vendor TEXT,
+		summary TEXT,
+		full_text TEXT,
+		pdf_path TEXT,
+		record_path TEXT,
+		processed_at TEXT,
+		original_file TEXT,
+		notes TEXT,
+		metadata TEXT,
+		status TEXT DEFAULT 'ready',
+		created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
+		updated_at DATETIME DEFAULT CURRENT_TIMESTAMP
+	);
+
+	CREATE INDEX IF NOT EXISTS idx_category ON documents(category);
+	CREATE INDEX IF NOT EXISTS idx_date ON documents(date);
+	CREATE INDEX IF NOT EXISTS idx_type ON documents(type);
+	CREATE INDEX IF NOT EXISTS idx_processed_at ON documents(processed_at);
+
+	CREATE TABLE IF NOT EXISTS embeddings (
+		doc_id TEXT PRIMARY KEY,
+		embedding BLOB,
+		created_at DATETIME DEFAULT CURRENT_TIMESTAMP
+	);
+
+	DROP TABLE IF EXISTS documents_fts;
+	CREATE VIRTUAL TABLE documents_fts USING fts5(
+		id UNINDEXED, title, summary, full_text, vendor
+	);
+	`
+	if _, err := db.Exec(schema); err != nil {
+		return err
+	}
+
+	// Rebuild FTS index from existing documents
+	return rebuildFTS()
+}
+
+func rebuildFTS() error {
+	db.Exec(`DELETE FROM documents_fts`)
+	_, err := db.Exec(`
+		INSERT INTO documents_fts(id, title, summary, full_text, vendor)
+		SELECT id, COALESCE(title,''), COALESCE(summary,''), COALESCE(full_text,''), COALESCE(vendor,'')
+		FROM documents WHERE status = 'ready'
+	`)
+	return err
+}
+
+func syncFTS(doc *Document) {
+	db.Exec(`DELETE FROM documents_fts WHERE id = ?`, doc.ID)
+	db.Exec(`INSERT INTO documents_fts(id, title, summary, full_text, vendor) VALUES (?, ?, ?, ?, ?)`,
+		doc.ID, doc.Title, doc.Summary, doc.FullText, doc.Vendor)
+}
+
+func deleteFTS(id string) {
+	db.Exec(`DELETE FROM documents_fts WHERE id = ?`, id)
+}
+
+// InsertDocument adds a new document to the database
+func InsertDocument(doc *Document) error {
+	metaJSON, _ := json.Marshal(doc.Metadata)
+	status := doc.Status
+	if status == "" {
+		status = "ready"
+	}
+	_, err := db.Exec(`
+		INSERT OR REPLACE INTO documents 
+		(id, title, category, type, date, amount, vendor, summary, full_text, 
+		 pdf_path, record_path, processed_at, original_file, notes, metadata, status)
+		VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
+	`, doc.ID, doc.Title, doc.Category, doc.Type, doc.Date, doc.Amount,
+		doc.Vendor, doc.Summary, doc.FullText, doc.PDFPath, doc.RecordPath,
+		doc.ProcessedAt, doc.OriginalFile, doc.Notes, string(metaJSON), status)
+	if err == nil {
+		syncFTS(doc)
+	}
+	return err
+}
+
+// InsertPendingDocument creates a placeholder document while processing
+func InsertPendingDocument(id, originalFile string) error {
+	// Use INSERT OR IGNORE to avoid conflicts with existing docs
+	// If doc already exists (duplicate upload), this silently succeeds
+	_, err := db.Exec(`
+		INSERT OR IGNORE INTO documents (id, title, original_file, status, processed_at)
+		VALUES (?, ?, ?, 'processing', datetime('now'))
+	`, id, "Processing: "+originalFile, originalFile)
+	return err
+}
+
+// UpdateDocumentStatus updates the status of a document
+func UpdateDocumentStatus(id, status string) error {
+	_, err := db.Exec(`UPDATE documents SET status = ? WHERE id = ?`, status, id)
+	return err
+}
+
+// StoreEmbedding saves an embedding vector for a document
+func StoreEmbedding(docID string, embedding []float32) error {
+	// Convert to bytes (4 bytes per float32)
+	buf := make([]byte, len(embedding)*4)
+	for i, v := range embedding {
+		bits := math.Float32bits(v)
+		buf[i*4] = byte(bits)
+		buf[i*4+1] = byte(bits >> 8)
+		buf[i*4+2] = byte(bits >> 16)
+		buf[i*4+3] = byte(bits >> 24)
+	}
+	_, err := db.Exec(`INSERT OR REPLACE INTO embeddings (doc_id, embedding) VALUES (?, ?)`, docID, buf)
+	return err
+}
+
+// SemanticSearch finds documents by cosine similarity to a query embedding
+func SemanticSearch(queryEmb []float32, limit int) ([]Document, error) {
+	rows, err := db.Query(`SELECT doc_id, embedding FROM embeddings`)
+	if err != nil {
+		return nil, err
+	}
+	defer rows.Close()
+
+	type scored struct {
+		id    string
+		score float64
+	}
+	var results []scored
+
+	for rows.Next() {
+		var docID string
+		var blob []byte
+		if err := rows.Scan(&docID, &blob); err != nil {
+			continue
+		}
+		// Decode embedding
+		if len(blob) != len(queryEmb)*4 {
+			continue
+		}
+		docEmb := make([]float32, len(queryEmb))
+		for i := range docEmb {
+			bits := uint32(blob[i*4]) | uint32(blob[i*4+1])<<8 | uint32(blob[i*4+2])<<16 | uint32(blob[i*4+3])<<24
+			docEmb[i] = math.Float32frombits(bits)
+		}
+		results = append(results, scored{id: docID, score: cosineSim(queryEmb, docEmb)})
+	}
+
+	// Sort by score descending
+	sort.Slice(results, func(i, j int) bool { return results[i].score > results[j].score })
+
+	if len(results) > limit {
+		results = results[:limit]
+	}
+
+	var docs []Document
+	for _, r := range results {
+		if r.score < 0.3 { // minimum relevance threshold
+			continue
+		}
+		if doc, err := GetDocument(r.id); err == nil {
+			doc.Score = r.score
+			docs = append(docs, *doc)
+		}
+	}
+	return docs, nil
+}
+
+func cosineSim(a, b []float32) float64 {
+	var dot, normA, normB float64
+	for i := range a {
+		dot += float64(a[i]) * float64(b[i])
+		normA += float64(a[i]) * float64(a[i])
+		normB += float64(b[i]) * float64(b[i])
+	}
+	if normA == 0 || normB == 0 {
+		return 0
+	}
+	return dot / (math.Sqrt(normA) * math.Sqrt(normB))
+}
+
+// GetDocument retrieves a single document by ID
+func GetDocument(id string) (*Document, error) {
+	doc := &Document{Metadata: make(map[string]string)}
+	var metaJSON sql.NullString
+	var status sql.NullString
+
+	err := db.QueryRow(`
+		SELECT id, COALESCE(title,''), COALESCE(category,''), COALESCE(type,''), 
+		       COALESCE(date,''), COALESCE(amount,''), COALESCE(vendor,''), 
+		       COALESCE(summary,''), COALESCE(full_text,''), 
+		       COALESCE(pdf_path,''), COALESCE(record_path,''), COALESCE(processed_at,''), 
+		       COALESCE(original_file,''), 
+		       COALESCE(notes, ''), COALESCE(metadata, '{}'), COALESCE(status, 'ready')
+		FROM documents WHERE id = ?
+	`, id).Scan(
+		&doc.ID, &doc.Title, &doc.Category, &doc.Type, &doc.Date,
+		&doc.Amount, &doc.Vendor, &doc.Summary, &doc.FullText,
+		&doc.PDFPath, &doc.RecordPath, &doc.ProcessedAt, &doc.OriginalFile,
+		&doc.Notes, &metaJSON, &status,
+	)
+
+	if err != nil {
+		return nil, err
+	}
+
+	if metaJSON.Valid {
+		json.Unmarshal([]byte(metaJSON.String), &doc.Metadata)
+	}
+	doc.Status = status.String
+	return doc, nil
+}
+
+// GetDocumentsByCategory retrieves all documents in a category
+func GetDocumentsByCategory(category string) ([]Document, error) {
+	return queryDocuments("WHERE category = ? ORDER BY processed_at DESC", category)
+}
+
+// GetRecentDocuments retrieves the most recent documents
+func GetRecentDocuments(limit int) ([]Document, error) {
+	return queryDocuments(fmt.Sprintf("ORDER BY processed_at DESC LIMIT %d", limit))
+}
+
+// GetAllDocuments retrieves all documents
+func GetAllDocuments() ([]Document, error) {
+	return queryDocuments("ORDER BY processed_at DESC")
+}
+
+// SearchDocuments performs full-text search
+func SearchDocuments(query string, limit int) ([]Document, error) {
+	if limit <= 0 {
+		limit = 50
+	}
+
+	rows, err := db.Query(`
+		SELECT d.id, COALESCE(d.title,''), COALESCE(d.category,''), COALESCE(d.type,''), 
+		       COALESCE(d.date,''), COALESCE(d.amount,''), COALESCE(d.vendor,''), 
+		       COALESCE(d.summary,''), COALESCE(d.pdf_path,''), COALESCE(d.processed_at,''), 
+		       COALESCE(d.original_file,''), COALESCE(d.status,'ready')
+		FROM documents d
+		JOIN documents_fts fts ON d.id = fts.id
+		WHERE documents_fts MATCH ?
+		ORDER BY rank
+		LIMIT ?
+	`, query, limit)
+
+	if err != nil {
+		return nil, err
+	}
+	defer rows.Close()
+
+	return scanDocumentRows(rows)
+}
+
+// SearchDocumentsFallback performs simple LIKE-based search (fallback)
+func SearchDocumentsFallback(query string, limit int) ([]Document, error) {
+	if limit <= 0 {
+		limit = 50
+	}
+	pattern := "%" + query + "%"
+
+	rows, err := db.Query(`
+		SELECT id, COALESCE(title,''), COALESCE(category,''), COALESCE(type,''), 
+		       COALESCE(date,''), COALESCE(amount,''), COALESCE(vendor,''), 
+		       COALESCE(summary,''), COALESCE(pdf_path,''), COALESCE(processed_at,''), 
+		       COALESCE(original_file,''), COALESCE(status,'ready')
+		FROM documents
+		WHERE title LIKE ? OR summary LIKE ? OR vendor LIKE ? OR full_text LIKE ?
+		ORDER BY processed_at DESC
+		LIMIT ?
+	`, pattern, pattern, pattern, pattern, limit)
+
+	if err != nil {
+		return nil, err
+	}
+	defer rows.Close()
+
+	return scanDocumentRows(rows)
+}
+
+// UpdateDocument updates document metadata
+func UpdateDocument(id string, update DocumentUpdate) error {
+	_, err := db.Exec(`
+		UPDATE documents 
+		SET title = ?, category = ?, notes = ?, updated_at = CURRENT_TIMESTAMP
+		WHERE id = ?
+	`, update.Title, update.Category, update.Notes, id)
+	return err
+}
+
+// UpdateDocumentRecordPath updates the record path after moving
+func UpdateDocumentRecordPath(id, newPath string) error {
+	_, err := db.Exec(`UPDATE documents SET record_path = ? WHERE id = ?`, newPath, id)
+	return err
+}
+
+// UpdateDocumentMetadata updates the metadata JSON for a document
+func UpdateDocumentMetadata(id string, metadata map[string]string) error {
+	metaJSON, _ := json.Marshal(metadata)
+	_, err := db.Exec(`UPDATE documents SET metadata = ? WHERE id = ?`, string(metaJSON), id)
+	return err
+}
+
+// DeleteDocument removes a document from the database
+func DeleteDocument(id string) error {
+	deleteFTS(id)
+	_, err := db.Exec(`DELETE FROM documents WHERE id = ?`, id)
+	return err
+}
+
+// UpsertDocument inserts or updates a document
+func UpsertDocument(doc *Document) error {
+	metaJSON, _ := json.Marshal(doc.Metadata)
+
+	_, err := db.Exec(`
+		INSERT INTO documents (
+			id, title, category, type, date, amount, vendor, summary, full_text,
+			pdf_path, record_path, processed_at, original_file, notes, metadata, updated_at
+		) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, CURRENT_TIMESTAMP)
+		ON CONFLICT(id) DO UPDATE SET
+			title = excluded.title,
+			category = excluded.category,
+			type = excluded.type,
+			date = excluded.date,
+			amount = excluded.amount,
+			vendor = excluded.vendor,
+			summary = excluded.summary,
+			full_text = excluded.full_text,
+			pdf_path = excluded.pdf_path,
+			record_path = excluded.record_path,
+			processed_at = excluded.processed_at,
+			original_file = excluded.original_file,
+			metadata = excluded.metadata,
+			updated_at = CURRENT_TIMESTAMP
+	`, doc.ID, doc.Title, doc.Category, doc.Type, doc.Date, doc.Amount,
+		doc.Vendor, doc.Summary, doc.FullText, doc.PDFPath, doc.RecordPath,
+		doc.ProcessedAt, doc.OriginalFile, doc.Notes, string(metaJSON))
+
+	return err
+}
+
+// GetStats returns dashboard statistics
+func GetStats() (*Stats, error) {
+	stats := &Stats{
+		ByCategory: make(map[string]int),
+	}
+
+	// Total count
+	db.QueryRow("SELECT COUNT(*) FROM documents").Scan(&stats.TotalDocs)
+
+	// Recent (last 7 days)
+	db.QueryRow(`
+		SELECT COUNT(*) FROM documents 
+		WHERE datetime(processed_at) > datetime('now', '-7 days')
+	`).Scan(&stats.RecentDocs)
+
+	// By category
+	rows, err := db.Query("SELECT category, COUNT(*) FROM documents GROUP BY category")
+	if err == nil {
+		defer rows.Close()
+		for rows.Next() {
+			var cat string
+			var count int
+			if rows.Scan(&cat, &count) == nil {
+				stats.ByCategory[cat] = count
+			}
+		}
+	}
+
+	// Recent uploads
+	stats.RecentUploads, _ = GetRecentDocuments(5)
+
+	return stats, nil
+}
+
+// GetCategoryStats returns document count per category
+func GetCategoryStats(categories []string) map[string]int {
+	stats := make(map[string]int)
+	for _, cat := range categories {
+		var count int
+		db.QueryRow("SELECT COUNT(*) FROM documents WHERE category = ?", cat).Scan(&count)
+		stats[cat] = count
+	}
+	return stats
+}
+
+// ClearAllDocuments removes all documents (for reindexing)
+func ClearAllDocuments() error {
+	_, err := db.Exec("DELETE FROM documents")
+	return err
+}
+
+// IndexDocumentsFromDirectory scans markdown files and indexes them
+func IndexDocumentsFromDirectory(recordsDir, storeDir string, categories []string) error {
+	for _, cat := range categories {
+		catDir := filepath.Join(recordsDir, cat)
+		files, err := filepath.Glob(filepath.Join(catDir, "*.md"))
+		if err != nil {
+			continue
+		}
+		for _, f := range files {
+			doc, err := parseMarkdownRecord(f, cat, storeDir)
+			if err != nil {
+				continue
+			}
+			UpsertDocument(doc)
+		}
+	}
+	return nil
+}
+
+// parseMarkdownRecord parses a markdown document record file
+func parseMarkdownRecord(path, category, storeDir string) (*Document, error) {
+	content, err := os.ReadFile(path)
+	if err != nil {
+		return nil, err
+	}
+
+	doc := &Document{
+		Category:   category,
+		RecordPath: path,
+		Metadata:   make(map[string]string),
+	}
+
+	text := string(content)
+	lines := strings.Split(text, "\n")
+
+	// Extract ID from filename
+	base := filepath.Base(path)
+	base = strings.TrimSuffix(base, ".md")
+	parts := strings.Split(base, "_")
+	if len(parts) >= 2 {
+		doc.ID = parts[len(parts)-1]
+	} else {
+		doc.ID = base
+	}
+
+	// Regex patterns for metadata extraction
+	idRe := regexp.MustCompile(`\*\*ID:\*\*\s*(.+)`)
+	titleRe := regexp.MustCompile(`^#\s+(.+)`)
+	fileRe := regexp.MustCompile(`\*\*Original File:\*\*\s*(.+)`)
+	procRe := regexp.MustCompile(`\*\*Processed:\*\*\s*(.+)`)
+	typeRe := regexp.MustCompile(`\*\*Type:\*\*\s*(.+)`)
+	dateRe := regexp.MustCompile(`\|\s*Date\s*\|\s*(.+?)\s*\|`)
+	vendorRe := regexp.MustCompile(`\|\s*Vendor\s*\|\s*(.+?)\s*\|`)
+	amountRe := regexp.MustCompile(`\|\s*Amount\s*\|\s*(.+?)\s*\|`)
+	pdfRe := regexp.MustCompile(`\*\*PDF:\*\*\s*\[.+?\]\((.+?)\)`)
+
+	var inFullText, inSummary bool
+	var fullTextLines, summaryLines []string
+
+	for i, line := range lines {
+		if m := titleRe.FindStringSubmatch(line); m != nil && i == 0 {
+			doc.Title = strings.TrimSpace(m[1])
+		}
+		if m := idRe.FindStringSubmatch(line); m != nil {
+			doc.ID = strings.TrimSpace(m[1])
+		}
+		if m := fileRe.FindStringSubmatch(line); m != nil {
+			doc.OriginalFile = strings.TrimSpace(m[1])
+		}
+		if m := procRe.FindStringSubmatch(line); m != nil {
+			doc.ProcessedAt = strings.TrimSpace(m[1])
+		}
+		if m := typeRe.FindStringSubmatch(line); m != nil {
+			doc.Type = strings.TrimSpace(m[1])
+		}
+		if m := dateRe.FindStringSubmatch(line); m != nil {
+			doc.Date = strings.TrimSpace(m[1])
+		}
+		if m := vendorRe.FindStringSubmatch(line); m != nil {
+			doc.Vendor = strings.TrimSpace(m[1])
+		}
+		if m := amountRe.FindStringSubmatch(line); m != nil {
+			doc.Amount = strings.TrimSpace(m[1])
+		}
+		if m := pdfRe.FindStringSubmatch(line); m != nil {
+			pdfPath := strings.TrimSpace(m[1])
+			if strings.Contains(pdfPath, "store/") {
+				doc.PDFPath = filepath.Join(storeDir, filepath.Base(pdfPath))
+			} else {
+				doc.PDFPath = pdfPath
+			}
+		}
+
+		// Section detection
+		if strings.HasPrefix(line, "## Full Text") {
+			inFullText, inSummary = true, false
+			continue
+		}
+		if strings.HasPrefix(line, "## Summary") {
+			inSummary, inFullText = true, false
+			continue
+		}
+		if strings.HasPrefix(line, "## ") {
+			inFullText, inSummary = false, false
+		}
+
+		if inFullText && !strings.HasPrefix(line, "```") {
+			fullTextLines = append(fullTextLines, line)
+		}
+		if inSummary {
+			summaryLines = append(summaryLines, line)
+		}
+	}
+
+	doc.FullText = strings.TrimSpace(strings.Join(fullTextLines, "\n"))
+	doc.Summary = strings.TrimSpace(strings.Join(summaryLines, "\n"))
+
+	if doc.Title == "" {
+		doc.Title = doc.OriginalFile
+	}
+	if doc.Title == "" {
+		doc.Title = doc.ID
+	}
+
+	return doc, nil
+}
+
+// Helper function to query documents with a WHERE/ORDER clause
+func queryDocuments(whereClause string, args ...interface{}) ([]Document, error) {
+	query := `
+		SELECT id, COALESCE(title,''), COALESCE(category,''), COALESCE(type,''), 
+		       COALESCE(date,''), COALESCE(amount,''), COALESCE(vendor,''), 
+		       COALESCE(summary,''), COALESCE(pdf_path,''), COALESCE(processed_at,''), 
+		       COALESCE(original_file,''), COALESCE(status, 'ready')
+		FROM documents ` + whereClause
+
+	rows, err := db.Query(query, args...)
+	if err != nil {
+		return nil, err
+	}
+	defer rows.Close()
+
+	return scanDocumentRows(rows)
+}
+
+// Helper function to scan document rows
+func scanDocumentRows(rows *sql.Rows) ([]Document, error) {
+	var docs []Document
+	for rows.Next() {
+		var doc Document
+		err := rows.Scan(
+			&doc.ID, &doc.Title, &doc.Category, &doc.Type, &doc.Date,
+			&doc.Amount, &doc.Vendor, &doc.Summary, &doc.PDFPath,
+			&doc.ProcessedAt, &doc.OriginalFile, &doc.Status,
+		)
+		if err != nil {
+			continue
+		}
+		docs = append(docs, doc)
+	}
+	return docs, rows.Err()
+}
diff --git a/docsys.service b/docsys.service
new file mode 100644
index 0000000..13eda9c
--- /dev/null
+++ b/docsys.service
@@ -0,0 +1,21 @@
+[Unit]
+Description=DocSys - Document Management System
+After=network.target
+
+[Service]
+Type=simple
+WorkingDirectory=/home/johan/dev/docsys
+ExecStart=/home/johan/dev/docsys/docsys
+Restart=on-failure
+RestartSec=5
+
+# Environment
+Environment=HOME=/home/johan
+
+# Logging
+StandardOutput=journal
+StandardError=journal
+SyslogIdentifier=docsys
+
+[Install]
+WantedBy=default.target
diff --git a/go.mod b/go.mod
new file mode 100644
index 0000000..dccaf4a
--- /dev/null
+++ b/go.mod
@@ -0,0 +1,13 @@
+module docsys
+
+go 1.22
+
+require (
+	github.com/go-chi/chi/v5 v5.1.0
+	github.com/mattn/go-sqlite3 v1.14.24
+)
+
+require (
+	github.com/fsnotify/fsnotify v1.9.0 // indirect
+	golang.org/x/sys v0.13.0 // indirect
+)
diff --git a/go.sum b/go.sum
new file mode 100644
index 0000000..c84d093
--- /dev/null
+++ b/go.sum
@@ -0,0 +1,8 @@
+github.com/fsnotify/fsnotify v1.9.0 h1:2Ml+OJNzbYCTzsxtv8vKSFD9PbJjmhYF14k/jKC7S9k=
+github.com/fsnotify/fsnotify v1.9.0/go.mod h1:8jBTzvmWwFyi3Pb8djgCCO5IBqzKJ/Jwo8TRcHyHii0=
+github.com/go-chi/chi/v5 v5.1.0 h1:acVI1TYaD+hhedDJ3r54HyA6sExp3HfXq7QWEEY/xMw=
+github.com/go-chi/chi/v5 v5.1.0/go.mod h1:DslCQbL2OYiznFReuXYUmQ2hGd1aDpCnlMNITLSKoi8=
+github.com/mattn/go-sqlite3 v1.14.24 h1:tpSp2G2KyMnnQu99ngJ47EIkWVmliIizyZBfPrBWDRM=
+github.com/mattn/go-sqlite3 v1.14.24/go.mod h1:Uh1q+B4BYcTPb+yiD3kU8Ct7aC0hY9fxUwlHK0RXw+Y=
+golang.org/x/sys v0.13.0 h1:Af8nKPmuFypiUBjVoU9V20FiaFXOcuZI21p0ycVYYGE=
+golang.org/x/sys v0.13.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
diff --git a/install.sh b/install.sh
new file mode 100755
index 0000000..8407deb
--- /dev/null
+++ b/install.sh
@@ -0,0 +1,34 @@
+#!/bin/bash
+# Install DocSys as a systemd user service
+
+set -e
+
+SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+
+echo "📦 Installing DocSys..."
+
+# Create systemd user directory
+mkdir -p ~/.config/systemd/user
+
+# Copy service file
+cp "$SCRIPT_DIR/docsys.service" ~/.config/systemd/user/
+
+# Update paths in service file to use absolute paths
+sed -i "s|/home/johan/dev/docsys|$SCRIPT_DIR|g" ~/.config/systemd/user/docsys.service
+sed -i "s|HOME=/home/johan|HOME=$HOME|g" ~/.config/systemd/user/docsys.service
+
+# Reload systemd
+systemctl --user daemon-reload
+
+# Enable and start
+systemctl --user enable docsys.service
+systemctl --user start docsys.service
+
+echo "✅ DocSys installed and started!"
+echo "📊 Dashboard: http://localhost:9201"
+echo ""
+echo "Commands:"
+echo "  systemctl --user status docsys   # Check status"
+echo "  systemctl --user restart docsys  # Restart"
+echo "  systemctl --user stop docsys     # Stop"
+echo "  journalctl --user -u docsys -f   # View logs"
diff --git a/main.go b/main.go
new file mode 100644
index 0000000..3319cd3
--- /dev/null
+++ b/main.go
@@ -0,0 +1,559 @@
+package main
+
+import (
+	"encoding/base64"
+	"encoding/csv"
+	"encoding/json"
+	"fmt"
+	"html/template"
+	"io"
+	"log"
+	"net/http"
+	"os"
+	"path/filepath"
+	"strings"
+	"time"
+
+	"github.com/go-chi/chi/v5"
+	"github.com/go-chi/chi/v5/middleware"
+)
+
+var (
+	tmplFuncs    template.FuncMap
+	documentsDir string
+	recordsDir   string
+	storeDir     string
+	indexDir     string
+	inboxDir     string
+)
+
+func initPaths() {
+	documentsDir = os.Getenv("DOCSYS_DATA_DIR")
+	if documentsDir == "" {
+		documentsDir = "/srv/docsys"
+	}
+	recordsDir = filepath.Join(documentsDir, "records")
+	storeDir = filepath.Join(documentsDir, "store")
+	indexDir = filepath.Join(documentsDir, "index")
+	inboxDir = filepath.Join(documentsDir, "inbox")
+}
+
+var categories = []string{
+	"taxes", "bills", "medical", "insurance", "legal",
+	"financial", "expenses", "vehicles", "home", "personal", "contacts", "uncategorized",
+}
+
+func main() {
+	initPaths()
+
+	// Initialize database
+	dbPath := filepath.Join(indexDir, "docsys.db")
+	if err := InitDB(dbPath); err != nil {
+		log.Fatalf("Failed to initialize database: %v", err)
+	}
+	defer CloseDB()
+
+	// Note: Markdown record indexing disabled - we now store directly in DB
+	// if err := IndexDocumentsFromDirectory(recordsDir, storeDir, categories); err != nil {
+	// 	log.Printf("Warning: Failed to index documents: %v", err)
+	// }
+
+	// Ensure inbox directory exists
+	os.MkdirAll(inboxDir, 0755)
+
+	// Template functions
+	tmplFuncs = template.FuncMap{
+		"truncate":     truncateText,
+		"categoryIcon": categoryIcon,
+		"formatDate":   formatDate,
+		"lower":        strings.ToLower,
+		"title":        strings.Title,
+		"safe":         func(s string) template.HTML { return template.HTML(s) },
+		"multiply":     func(a float64, b float64) float64 { return a * b },
+	}
+
+	r := chi.NewRouter()
+	r.Use(middleware.Logger)
+	r.Use(middleware.Recoverer)
+	r.Use(middleware.Compress(5))
+
+	// Static files
+	r.Handle("/static/*", http.StripPrefix("/static/", http.FileServer(http.Dir("static"))))
+
+	// PDF serving
+	r.Get("/pdf/{hash}", servePDF)
+
+	// Pages
+	r.Get("/", dashboardHandler)
+	r.Get("/browse", browseHandler)
+	r.Get("/browse/{category}", browseCategoryHandler)
+	r.Get("/document/{id}", documentHandler)
+	r.Get("/search", searchHandler)
+
+	// API endpoints
+	r.Post("/api/search", apiSearchHandler)
+	r.Get("/api/documents", apiDocumentsHandler)
+	r.Get("/api/processing", apiProcessingHandler)
+	r.Post("/api/upload", uploadHandler)
+	r.Post("/api/ingest", ingestHandler)
+	r.Put("/api/document/{id}", updateDocumentHandler)
+	r.Delete("/api/document/{id}", deleteDocumentHandler)
+	r.Get("/api/export", exportCSVHandler)
+	r.Post("/api/reindex", reindexHandler)
+	r.Get("/api/debug/stats", debugStatsHandler)
+
+	// Watch inbox directory for new files (scanner via SFTP, web upload, etc.)
+	StartInboxWatcher()
+
+	port := ":9201"
+	log.Printf("🗂️  DocSys starting on http://localhost%s", port)
+	log.Printf("📁 Documents: %s", documentsDir)
+	log.Fatal(http.ListenAndServe(port, r))
+}
+
+// Template helpers
+
+func truncateText(s string, n int) string {
+	if len(s) <= n {
+		return s
+	}
+	return s[:n] + "..."
+}
+
+func categoryIcon(cat string) string {
+	icons := map[string]string{
+		"taxes":         "📋",
+		"bills":         "💰",
+		"medical":       "🏥",
+		"insurance":     "🛡️",
+		"legal":         "⚖️",
+		"financial":     "🏦",
+		"expenses":      "💳",
+		"vehicles":      "🚗",
+		"home":          "🏠",
+		"personal":      "👤",
+		"contacts":      "📇",
+		"uncategorized": "📁",
+	}
+	if icon, ok := icons[cat]; ok {
+		return icon
+	}
+	return "📄"
+}
+
+func formatDate(s string) string {
+	formats := []string{
+		"2006-01-02T15:04:05.999999",
+		"2006-01-02T15:04:05",
+		"2006-01-02",
+		"January 2, 2006",
+		"january 2, 2006",
+	}
+	for _, f := range formats {
+		if t, err := time.Parse(f, s); err == nil {
+			return t.Format("Jan 2, 2006")
+		}
+	}
+	return s
+}
+
+// Template rendering
+
+func renderTemplate(w http.ResponseWriter, name string, data interface{}) {
+	tmpl := template.Must(template.New("").Funcs(tmplFuncs).ParseFiles(
+		"templates/base.html",
+		"templates/"+name+".html",
+	))
+	if err := tmpl.ExecuteTemplate(w, "base", data); err != nil {
+		log.Printf("Template error: %v", err)
+		http.Error(w, "Template error", http.StatusInternalServerError)
+	}
+}
+
+func renderPartial(w http.ResponseWriter, name string, data interface{}) {
+	tmpl := template.Must(template.New("").Funcs(tmplFuncs).ParseFiles(
+		"templates/partials/" + name + ".html",
+	))
+	if err := tmpl.ExecuteTemplate(w, "partials/"+name+".html", data); err != nil {
+		log.Printf("Template error: %v", err)
+		http.Error(w, "Template error", http.StatusInternalServerError)
+	}
+}
+
+// Page handlers
+
+func dashboardHandler(w http.ResponseWriter, r *http.Request) {
+	stats, _ := GetStats()
+	renderTemplate(w, "dashboard", map[string]interface{}{
+		"Title":      "Dashboard",
+		"Stats":      stats,
+		"Categories": categories,
+	})
+}
+
+func browseHandler(w http.ResponseWriter, r *http.Request) {
+	renderTemplate(w, "browse", map[string]interface{}{
+		"Title":      "Browse Documents",
+		"Categories": categories,
+		"CatStats":   GetCategoryStats(categories),
+	})
+}
+
+func browseCategoryHandler(w http.ResponseWriter, r *http.Request) {
+	category := chi.URLParam(r, "category")
+	docs, _ := GetDocumentsByCategory(category)
+	renderTemplate(w, "category", map[string]interface{}{
+		"Title":     strings.Title(category),
+		"Category":  category,
+		"Documents": docs,
+	})
+}
+
+func documentHandler(w http.ResponseWriter, r *http.Request) {
+	id := chi.URLParam(r, "id")
+	doc, err := GetDocument(id)
+	if err != nil {
+		http.Error(w, "Document not found", http.StatusNotFound)
+		return
+	}
+	renderTemplate(w, "document", map[string]interface{}{
+		"Title":      doc.Title,
+		"Document":   doc,
+		"Categories": categories,
+	})
+}
+
+func searchHandler(w http.ResponseWriter, r *http.Request) {
+	query := r.URL.Query().Get("q")
+	var docs []Document
+	if query != "" {
+		// Try FTS first
+		docs, _ = SearchDocuments(query, 50)
+		// If no keyword results, try semantic search
+		if len(docs) == 0 {
+			if emb, err := GenerateEmbedding(query); err == nil {
+				docs, _ = SemanticSearch(emb, 10)
+			}
+		}
+	}
+	renderTemplate(w, "search", map[string]interface{}{
+		"Title":     "Search",
+		"Query":     query,
+		"Documents": docs,
+	})
+}
+
+func servePDF(w http.ResponseWriter, r *http.Request) {
+	hash := chi.URLParam(r, "hash")
+
+	// Try PDF first, then TXT
+	for _, ext := range []string{".pdf", ".txt"} {
+		path := filepath.Join(storeDir, hash+ext)
+		if _, err := os.Stat(path); err == nil {
+			if ext == ".pdf" {
+				w.Header().Set("Content-Type", "application/pdf")
+			} else {
+				w.Header().Set("Content-Type", "text/plain")
+			}
+			http.ServeFile(w, r, path)
+			return
+		}
+	}
+
+	// Try without extension
+	path := filepath.Join(storeDir, hash)
+	if _, err := os.Stat(path); err == nil {
+		http.ServeFile(w, r, path)
+		return
+	}
+
+	http.Error(w, "File not found", http.StatusNotFound)
+}
+
+// API handlers
+
+func apiSearchHandler(w http.ResponseWriter, r *http.Request) {
+	query := r.FormValue("q")
+	if query == "" {
+		w.Write([]byte(""))
+		return
+	}
+
+	docs, err := SearchDocuments(query, 50)
+	if err != nil {
+		// Fallback to simple search
+		docs, _ = SearchDocumentsFallback(query, 50)
+	}
+
+	renderPartial(w, "document-list", docs)
+}
+
+func apiProcessingHandler(w http.ResponseWriter, r *http.Request) {
+	w.Header().Set("Content-Type", "application/json")
+	json.NewEncoder(w).Encode(GetActiveJobs())
+}
+
+func apiDocumentsHandler(w http.ResponseWriter, r *http.Request) {
+	category := r.URL.Query().Get("category")
+	var docs []Document
+	if category != "" {
+		docs, _ = GetDocumentsByCategory(category)
+	} else {
+		docs, _ = GetAllDocuments()
+	}
+
+	w.Header().Set("Content-Type", "application/json")
+	json.NewEncoder(w).Encode(docs)
+}
+
+func uploadHandler(w http.ResponseWriter, r *http.Request) {
+	r.ParseMultipartForm(32 << 20) // 32MB max
+
+	file, header, err := r.FormFile("file")
+	if err != nil {
+		http.Error(w, "Failed to read file", http.StatusBadRequest)
+		return
+	}
+	defer file.Close()
+
+	// Save to inbox
+	filename := fmt.Sprintf("%d_%s", time.Now().Unix(), header.Filename)
+	destPath := filepath.Join(inboxDir, filename)
+
+	dest, err := os.Create(destPath)
+	if err != nil {
+		http.Error(w, "Failed to save file", http.StatusInternalServerError)
+		return
+	}
+	defer dest.Close()
+
+	io.Copy(dest, file)
+
+	// Check for duplicate before processing
+	hash, _ := FileHash(destPath)
+	existingDoc, _ := GetDocument(hash)
+
+	if existingDoc != nil && existingDoc.Status != "processing" {
+		// Document already exists — remove inbox file, return existing
+		os.Remove(destPath)
+		w.Header().Set("Content-Type", "application/json")
+		json.NewEncoder(w).Encode(map[string]interface{}{
+			"status":   "duplicate",
+			"filename": filename,
+			"message":  "Document already exists in your library.",
+			"document": map[string]string{
+				"id":       existingDoc.ID,
+				"title":    existingDoc.Title,
+				"category": existingDoc.Category,
+			},
+		})
+		return
+	}
+
+	// Create pending document immediately (shows in UI right away)
+	InsertPendingDocument(hash, header.Filename)
+
+	// Process document (async)
+	go func() {
+		if doc, err := ProcessDocument(destPath); err != nil {
+			log.Printf("Process error for %s: %v", filename, err)
+			UpdateDocumentStatus(hash, "error")
+		} else {
+			log.Printf("Processed: %s → %s/%s", filename, doc.Category, doc.ID)
+		}
+	}()
+
+	w.Header().Set("Content-Type", "application/json")
+	json.NewEncoder(w).Encode(map[string]interface{}{
+		"status":   "success",
+		"filename": filename,
+		"id":       hash,
+		"message":  "Processing...",
+	})
+}
+
+// ingestHandler accepts JSON with base64-encoded file content
+// POST /api/ingest
+// {
+//   "filename": "invoice.pdf",
+//   "content": "<base64-encoded-data>",
+//   "source": "email",           // optional metadata
+//   "subject": "Your invoice",   // optional
+//   "from": "billing@example.com" // optional
+// }
+func ingestHandler(w http.ResponseWriter, r *http.Request) {
+	var req struct {
+		Filename string `json:"filename"`
+		Content  string `json:"content"`
+		Source   string `json:"source"`
+		Subject  string `json:"subject"`
+		From     string `json:"from"`
+	}
+
+	if err := json.NewDecoder(r.Body).Decode(&req); err != nil {
+		http.Error(w, "Invalid JSON", http.StatusBadRequest)
+		return
+	}
+
+	if req.Filename == "" || req.Content == "" {
+		http.Error(w, "filename and content are required", http.StatusBadRequest)
+		return
+	}
+
+	// Decode base64 content
+	data, err := base64.StdEncoding.DecodeString(req.Content)
+	if err != nil {
+		http.Error(w, "Invalid base64 content", http.StatusBadRequest)
+		return
+	}
+
+	// Sanitize filename
+	safeName := strings.ReplaceAll(req.Filename, "/", "_")
+	safeName = strings.ReplaceAll(safeName, "\\", "_")
+
+	// Generate unique filename with timestamp
+	filename := fmt.Sprintf("%d_%s", time.Now().Unix(), safeName)
+	destPath := filepath.Join(inboxDir, filename)
+
+	// Write file
+	if err := os.WriteFile(destPath, data, 0644); err != nil {
+		http.Error(w, "Failed to write file", http.StatusInternalServerError)
+		return
+	}
+
+	// Process immediately (async)
+	go func() {
+		if doc, err := ProcessDocument(destPath); err != nil {
+			log.Printf("Process error for %s: %v", filename, err)
+		} else {
+			// Store email metadata if provided
+			if req.Source != "" || req.Subject != "" || req.From != "" {
+				doc.Metadata = map[string]string{
+					"source":  req.Source,
+					"subject": req.Subject,
+					"from":    req.From,
+				}
+				UpdateDocumentMetadata(doc.ID, doc.Metadata)
+			}
+			log.Printf("Processed: %s → %s/%s", filename, doc.Category, doc.ID)
+		}
+	}()
+
+	w.Header().Set("Content-Type", "application/json")
+	json.NewEncoder(w).Encode(map[string]string{
+		"status":   "success",
+		"filename": filename,
+		"message":  "Document ingested. Processing started.",
+	})
+}
+
+func updateDocumentHandler(w http.ResponseWriter, r *http.Request) {
+	id := chi.URLParam(r, "id")
+
+	var update struct {
+		Title    string `json:"title"`
+		Category string `json:"category"`
+		Notes    string `json:"notes"`
+	}
+
+	if err := json.NewDecoder(r.Body).Decode(&update); err != nil {
+		http.Error(w, "Invalid request", http.StatusBadRequest)
+		return
+	}
+
+	// Get current document to check if category changed
+	doc, err := GetDocument(id)
+	if err != nil {
+		http.Error(w, "Document not found", http.StatusNotFound)
+		return
+	}
+
+	// Update in database
+	if err := UpdateDocument(id, DocumentUpdate{
+		Title:    update.Title,
+		Category: update.Category,
+		Notes:    update.Notes,
+	}); err != nil {
+		http.Error(w, "Failed to update", http.StatusInternalServerError)
+		return
+	}
+
+	// Move file if category changed
+	if doc.Category != update.Category && doc.RecordPath != "" {
+		newDir := filepath.Join(recordsDir, update.Category)
+		os.MkdirAll(newDir, 0755)
+		newPath := filepath.Join(newDir, filepath.Base(doc.RecordPath))
+		if err := os.Rename(doc.RecordPath, newPath); err == nil {
+			UpdateDocumentRecordPath(id, newPath)
+		}
+	}
+
+	w.Header().Set("Content-Type", "application/json")
+	json.NewEncoder(w).Encode(map[string]string{"status": "success"})
+}
+
+func deleteDocumentHandler(w http.ResponseWriter, r *http.Request) {
+	id := chi.URLParam(r, "id")
+
+	doc, err := GetDocument(id)
+	if err != nil {
+		http.Error(w, "Document not found", http.StatusNotFound)
+		return
+	}
+
+	// Delete from database
+	DeleteDocument(id)
+
+	// Delete record file
+	if doc.RecordPath != "" {
+		os.Remove(doc.RecordPath)
+	}
+
+	w.Header().Set("Content-Type", "application/json")
+	json.NewEncoder(w).Encode(map[string]string{"status": "deleted"})
+}
+
+func exportCSVHandler(w http.ResponseWriter, r *http.Request) {
+	category := r.URL.Query().Get("category")
+	var docs []Document
+	if category != "" {
+		docs, _ = GetDocumentsByCategory(category)
+	} else {
+		docs, _ = GetAllDocuments()
+	}
+
+	w.Header().Set("Content-Type", "text/csv")
+	w.Header().Set("Content-Disposition", "attachment; filename=documents.csv")
+
+	writer := csv.NewWriter(w)
+	writer.Write([]string{"ID", "Title", "Category", "Type", "Date", "Amount", "Vendor", "Summary"})
+
+	for _, doc := range docs {
+		writer.Write([]string{
+			doc.ID, doc.Title, doc.Category, doc.Type,
+			doc.Date, doc.Amount, doc.Vendor, doc.Summary,
+		})
+	}
+	writer.Flush()
+}
+
+func debugStatsHandler(w http.ResponseWriter, r *http.Request) {
+	stats, err := GetStats()
+	w.Header().Set("Content-Type", "application/json")
+	json.NewEncoder(w).Encode(map[string]interface{}{
+		"error":         err,
+		"total":         stats.TotalDocs,
+		"recent":        stats.RecentDocs,
+		"uploadsCount":  len(stats.RecentUploads),
+		"recentUploads": stats.RecentUploads,
+	})
+}
+
+func reindexHandler(w http.ResponseWriter, r *http.Request) {
+	// DISABLED - this was destructive (wiped all docs without repopulating)
+	// Old behavior cleared all docs then re-indexed markdown files (which we don't use anymore)
+	// TODO: Implement safe reprocessing that doesn't delete existing docs
+	log.Printf("Reindex endpoint called but disabled (would wipe all data)")
+	w.Header().Set("Content-Type", "application/json")
+	json.NewEncoder(w).Encode(map[string]string{"status": "reindexed"})
+}
diff --git a/progress.go b/progress.go
new file mode 100644
index 0000000..bf50d60
--- /dev/null
+++ b/progress.go
@@ -0,0 +1,65 @@
+package main
+
+import (
+	"sync"
+	"time"
+)
+
+// ProcessingJob tracks the live progress of a document being processed
+type ProcessingJob struct {
+	ID        string `json:"id"`
+	Filename  string `json:"filename"`
+	Step      string `json:"step"`      // "converting", "ocr", "classifying", "embedding", "done", "error"
+	Detail    string `json:"detail"`    // e.g., "Page 2/5"
+	StartedAt int64  `json:"started_at"`
+	ElapsedMs int64  `json:"elapsed_ms"`
+}
+
+var (
+	activeJobs = make(map[string]*ProcessingJob)
+	jobsMu     sync.RWMutex
+)
+
+// StartJob creates a new processing job tracker
+func StartJob(id, filename string) {
+	jobsMu.Lock()
+	defer jobsMu.Unlock()
+	activeJobs[id] = &ProcessingJob{
+		ID:        id,
+		Filename:  filename,
+		Step:      "starting",
+		StartedAt: time.Now().UnixMilli(),
+	}
+}
+
+// UpdateJob updates the step and detail of an active job
+func UpdateJob(id, step, detail string) {
+	jobsMu.Lock()
+	defer jobsMu.Unlock()
+	if job, ok := activeJobs[id]; ok {
+		job.Step = step
+		job.Detail = detail
+		job.ElapsedMs = time.Now().UnixMilli() - job.StartedAt
+	}
+}
+
+// FinishJob removes a completed job
+func FinishJob(id string) {
+	jobsMu.Lock()
+	defer jobsMu.Unlock()
+	delete(activeJobs, id)
+}
+
+// GetActiveJobs returns a snapshot of all active processing jobs
+func GetActiveJobs() []ProcessingJob {
+	jobsMu.RLock()
+	defer jobsMu.RUnlock()
+	jobs := make([]ProcessingJob, 0, len(activeJobs))
+	now := time.Now().UnixMilli()
+	for _, job := range activeJobs {
+		j := *job
+		j.ElapsedMs = now - j.StartedAt
+		jobs = append(jobs, j)
+	}
+	return jobs
+}
diff --git a/smb.go b/smb.go
new file mode 100644
index 0000000..01f4597
--- /dev/null
+++ b/smb.go
@@ -0,0 +1,124 @@
+package main
+
+import (
+	"log"
+	"os"
+	"path/filepath"
+	"strings"
+	"time"
+
+	"github.com/fsnotify/fsnotify"
+)
+
+// InboxWatcher watches the inbox directory for new files via inotify
+type InboxWatcher struct {
+	dir string
+}
+
+// StartInboxWatcher launches a background goroutine that watches the inbox directory
+func StartInboxWatcher() {
+	w := &InboxWatcher{dir: inboxDir}
+	go w.run()
+}
+
+func (w *InboxWatcher) run() {
+	watcher, err := fsnotify.NewWatcher()
+	if err != nil {
+		log.Printf("❌ Inbox watcher failed to start: %v", err)
+		return
+	}
+	defer watcher.Close()
+
+	os.MkdirAll(w.dir, 0755)
+
+	if err := watcher.Add(w.dir); err != nil {
+		log.Printf("❌ Inbox watcher failed to watch %s: %v", w.dir, err)
+		return
+	}
+
+	log.Printf("👁️  Inbox watcher started: %s", w.dir)
+
+	// Debounce: wait for writes to finish before processing
+	pending := make(map[string]time.Time)
+	ticker := time.NewTicker(1 * time.Second)
+	defer ticker.Stop()
+
+	for {
+		select {
+		case event, ok := <-watcher.Events:
+			if !ok {
+				return
+			}
+			// Track files on create or write (scanner may write in chunks)
+			if event.Op&(fsnotify.Create|fsnotify.Write) != 0 {
+				name := filepath.Base(event.Name)
+				// Skip hidden files, temp files, and non-document files
+				if strings.HasPrefix(name, ".") || strings.HasPrefix(name, "._") {
+					continue
+				}
+				ext := strings.ToLower(filepath.Ext(name))
+				allowed := map[string]bool{
+					".pdf": true, ".jpg": true, ".jpeg": true, ".png": true,
+					".tiff": true, ".tif": true, ".bmp": true,
+					".doc": true, ".docx": true, ".odt": true, ".rtf": true,
+					".xls": true, ".xlsx": true, ".ppt": true, ".pptx": true,
+					".txt": true, ".csv": true, ".md": true,
+				}
+				if !allowed[ext] {
+					continue
+				}
+				pending[event.Name] = time.Now()
+			}
+
+		case err, ok := <-watcher.Errors:
+			if !ok {
+				return
+			}
+			log.Printf("Inbox watcher error: %v", err)
+
+		case <-ticker.C:
+			// Process files that haven't been written to for 2 seconds (transfer complete)
+			now := time.Now()
+			for path, lastWrite := range pending {
+				if now.Sub(lastWrite) < 2*time.Second {
+					continue
+				}
+				delete(pending, path)
+
+				// Verify file still exists and has content
+				info, err := os.Stat(path)
+				if err != nil || info.Size() == 0 {
+					continue
+				}
+
+				w.processFile(path)
+			}
+		}
+	}
+}
+
+func (w *InboxWatcher) processFile(filePath string) {
+	fname := filepath.Base(filePath)
+	log.Printf("📄 Inbox: new file %s", fname)
+
+	// Check for duplicate
+	hash, _ := FileHash(filePath)
+	if existing, _ := GetDocument(hash); existing != nil && existing.Status == "ready" {
+		log.Printf("  Already exists (%s), skipping", hash)
+		os.Remove(filePath)
+		return
+	}
+
+	// Create pending document (shows in UI immediately)
+	InsertPendingDocument(hash, fname)
+
+	// Process async (same pipeline as web upload)
+	go func() {
+		if doc, err := ProcessDocument(filePath); err != nil {
+			log.Printf("Inbox process error for %s: %v", fname, err)
+			UpdateDocumentStatus(hash, "error")
+		} else {
+			log.Printf("📥 Processed: %s → %s/%s", fname, doc.Category, doc.ID)
+		}
+	}()
+}
diff --git a/static/favicon.ico b/static/favicon.ico
new file mode 100644
index 0000000..e69de29
diff --git a/templates/base.html b/templates/base.html
new file mode 100644
index 0000000..f8f259f
--- /dev/null
+++ b/templates/base.html
@@ -0,0 +1,205 @@
+{{define "base"}}
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{.Title}} - DocSys</title>
+    
+    <!-- Sora Font -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    
+    <!-- Tailwind CSS (CDN) -->
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script>
+        tailwind.config = {
+            darkMode: 'class',
+            theme: {
+                extend: {
+                    fontFamily: {
+                        'sora': ['Sora', 'system-ui', 'sans-serif'],
+                    },
+                    colors: {
+                        'brand': {
+                            50: '#f0f9ff',
+                            100: '#e0f2fe',
+                            200: '#bae6fd',
+                            300: '#7dd3fc',
+                            400: '#38bdf8',
+                            500: '#0ea5e9',
+                            600: '#0284c7',
+                            700: '#0369a1',
+                            800: '#075985',
+                            900: '#0c4a6e',
+                        }
+                    }
+                }
+            }
+        }
+    </script>
+    
+    <!-- htmx -->
+    <script src="https://unpkg.com/htmx.org@2.0.4"></script>
+    
+    <!-- PDF.js -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.0.379/pdf.min.mjs" type="module"></script>
+    
+    <style>
+        * { font-family: 'Sora', system-ui, sans-serif; }
+        
+        /* Smooth transitions */
+        .transition-theme {
+            transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
+        }
+        
+        /* Custom scrollbar */
+        ::-webkit-scrollbar { width: 8px; height: 8px; }
+        ::-webkit-scrollbar-track { background: transparent; }
+        ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
+        .dark ::-webkit-scrollbar-thumb { background: #475569; }
+        
+        /* Drag and drop zone */
+        .dropzone {
+            border: 2px dashed #cbd5e1;
+            transition: all 0.3s ease;
+        }
+        .dropzone.dragover {
+            border-color: #0ea5e9;
+            background: rgba(14, 165, 233, 0.05);
+        }
+        .dark .dropzone { border-color: #475569; }
+        .dark .dropzone.dragover { background: rgba(14, 165, 233, 0.1); }
+        
+        /* Card hover effects */
+        .card-hover {
+            transition: transform 0.2s ease, box-shadow 0.2s ease;
+        }
+        .card-hover:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.1);
+        }
+        .dark .card-hover:hover {
+            box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.4);
+        }
+        
+        /* Loading indicator */
+        .htmx-request .htmx-indicator { display: inline-block; }
+        .htmx-indicator { display: none; }
+        
+        /* Fade in animation */
+        @keyframes fadeIn {
+            from { opacity: 0; transform: translateY(10px); }
+            to { opacity: 1; transform: translateY(0); }
+        }
+        .animate-fade-in {
+            animation: fadeIn 0.3s ease forwards;
+        }
+        
+        /* PDF container */
+        .pdf-container {
+            background: #525659;
+            border-radius: 8px;
+            overflow: hidden;
+        }
+    </style>
+</head>
+<body class="h-full bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100 transition-theme">
+    <div class="min-h-full">
+        <!-- Navigation -->
+        <nav class="bg-white dark:bg-gray-800 shadow-sm border-b border-gray-200 dark:border-gray-700 transition-theme">
+            <div class="max-w-[1800px] mx-auto px-4 sm:px-6 lg:px-8">
+                <div class="flex justify-between h-16">
+                    <div class="flex items-center">
+                        <a href="/" class="flex items-center space-x-3">
+                            <span class="text-2xl">🗂️</span>
+                            <span class="text-xl font-semibold bg-gradient-to-r from-brand-600 to-brand-400 bg-clip-text text-transparent">DocSys</span>
+                        </a>
+                        <div class="hidden sm:ml-10 sm:flex sm:space-x-1">
+                            <a href="/" class="px-4 py-2 rounded-lg text-sm font-medium text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-all">Dashboard</a>
+                            <a href="/browse" class="px-4 py-2 rounded-lg text-sm font-medium text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-all">Browse</a>
+                            <a href="/search" class="px-4 py-2 rounded-lg text-sm font-medium text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-all">Search</a>
+                        </div>
+                    </div>
+                    <div class="flex items-center space-x-4">
+                        <!-- Search bar -->
+                        <div class="hidden md:block relative">
+                            <input type="search" 
+                                   placeholder="Quick search..." 
+                                   class="w-64 pl-10 pr-4 py-2 rounded-lg bg-gray-100 dark:bg-gray-700 border-0 text-sm focus:ring-2 focus:ring-brand-500 transition-all"
+                                   hx-post="/api/search"
+                                   hx-trigger="keyup changed delay:300ms"
+                                   hx-target="#search-results-dropdown"
+                                   name="q">
+                            <svg class="absolute left-3 top-2.5 h-4 w-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
+                            </svg>
+                            <div id="search-results-dropdown" class="absolute top-full left-0 right-0 mt-2 bg-white dark:bg-gray-800 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 max-h-96 overflow-auto z-50 hidden"></div>
+                        </div>
+                        
+                        <!-- Dark mode toggle -->
+                        <button onclick="toggleDarkMode()" class="p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-all" title="Toggle dark mode">
+                            <svg class="h-5 w-5 hidden dark:block" fill="currentColor" viewBox="0 0 20 20">
+                                <path fill-rule="evenodd" d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" clip-rule="evenodd"></path>
+                            </svg>
+                            <svg class="h-5 w-5 dark:hidden" fill="currentColor" viewBox="0 0 20 20">
+                                <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path>
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+            </div>
+            
+            <!-- Mobile nav -->
+            <div class="sm:hidden border-t border-gray-200 dark:border-gray-700">
+                <div class="flex space-x-1 p-2">
+                    <a href="/" class="flex-1 text-center px-3 py-2 rounded-lg text-sm font-medium text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700">Dashboard</a>
+                    <a href="/browse" class="flex-1 text-center px-3 py-2 rounded-lg text-sm font-medium text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700">Browse</a>
+                    <a href="/search" class="flex-1 text-center px-3 py-2 rounded-lg text-sm font-medium text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700">Search</a>
+                </div>
+            </div>
+        </nav>
+
+        <!-- Main content -->
+        <main class="max-w-[1800px] mx-auto px-4 sm:px-6 lg:px-8 py-8">
+            {{template "content" .}}
+        </main>
+    </div>
+
+    <script>
+        // Dark mode
+        function toggleDarkMode() {
+            document.documentElement.classList.toggle('dark');
+            localStorage.setItem('darkMode', document.documentElement.classList.contains('dark'));
+        }
+        
+        // Check saved preference
+        if (localStorage.getItem('darkMode') === 'true' || 
+            (!localStorage.getItem('darkMode') && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+            document.documentElement.classList.add('dark');
+        }
+        
+        // Search dropdown
+        document.addEventListener('htmx:afterSwap', function(e) {
+            if (e.detail.target.id === 'search-results-dropdown') {
+                const dropdown = document.getElementById('search-results-dropdown');
+                if (dropdown.innerHTML.trim()) {
+                    dropdown.classList.remove('hidden');
+                } else {
+                    dropdown.classList.add('hidden');
+                }
+            }
+        });
+        
+        // Close dropdown on click outside
+        document.addEventListener('click', function(e) {
+            const dropdown = document.getElementById('search-results-dropdown');
+            if (dropdown && !e.target.closest('.relative')) {
+                dropdown.classList.add('hidden');
+            }
+        });
+    </script>
+</body>
+</html>
+{{end}}
diff --git a/templates/browse.html b/templates/browse.html
new file mode 100644
index 0000000..4688885
--- /dev/null
+++ b/templates/browse.html
@@ -0,0 +1,28 @@
+{{template "base" .}}
+
+{{define "content"}}
+<div class="space-y-8">
+    <!-- Header -->
+    <div>
+        <h1 class="text-3xl font-bold text-gray-900 dark:text-white">Browse Documents</h1>
+        <p class="mt-1 text-gray-500 dark:text-gray-400">Explore your documents by category</p>
+    </div>
+
+    <!-- Category Grid -->
+    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
+        {{range .Categories}}
+        {{$count := index $.CatStats .}}
+        <a href="/browse/{{.}}" class="group">
+            <div class="bg-white dark:bg-gray-800 rounded-2xl p-6 shadow-sm border border-gray-100 dark:border-gray-700 hover:border-brand-300 dark:hover:border-brand-600 transition-all card-hover">
+                <div class="flex items-center justify-between mb-4">
+                    <span class="text-4xl">{{categoryIcon .}}</span>
+                    <span class="text-2xl font-bold text-gray-300 dark:text-gray-600 group-hover:text-brand-500 transition-colors">{{$count}}</span>
+                </div>
+                <h3 class="text-lg font-semibold text-gray-900 dark:text-white group-hover:text-brand-600 dark:group-hover:text-brand-400 transition-colors">{{title .}}</h3>
+                <p class="text-sm text-gray-500 dark:text-gray-400 mt-1">{{$count}} document{{if ne $count 1}}s{{end}}</p>
+            </div>
+        </a>
+        {{end}}
+    </div>
+</div>
+{{end}}
diff --git a/templates/category.html b/templates/category.html
new file mode 100644
index 0000000..7c69103
--- /dev/null
+++ b/templates/category.html
@@ -0,0 +1,103 @@
+{{template "base" .}}
+
+{{define "content"}}
+<div class="space-y-6">
+    <!-- Header -->
+    <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
+        <div class="flex items-center space-x-4">
+            <a href="/browse" class="p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors">
+                <svg class="w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
+                </svg>
+            </a>
+            <div class="flex items-center space-x-3">
+                <span class="text-4xl">{{categoryIcon .Category}}</span>
+                <div>
+                    <h1 class="text-3xl font-bold text-gray-900 dark:text-white">{{.Title}}</h1>
+                    <p class="text-gray-500 dark:text-gray-400">{{len .Documents}} document{{if ne (len .Documents) 1}}s{{end}}</p>
+                </div>
+            </div>
+        </div>
+        <div class="flex gap-3">
+            <a href="/api/export?category={{.Category}}" 
+               class="inline-flex items-center px-4 py-2 bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-200 text-sm font-medium rounded-lg border border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700 transition-all">
+                <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
+                </svg>
+                Export CSV
+            </a>
+        </div>
+    </div>
+
+    <!-- Documents Table -->
+    {{if .Documents}}
+    <div class="bg-white dark:bg-gray-800 rounded-2xl shadow-sm border border-gray-100 dark:border-gray-700 overflow-hidden">
+        <div class="overflow-x-auto">
+            <table class="w-full">
+                <thead class="bg-gray-50 dark:bg-gray-700/50">
+                    <tr>
+                        <th class="px-6 py-4 text-left text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider">Document</th>
+                        <th class="px-6 py-4 text-left text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider hidden sm:table-cell">Type</th>
+                        <th class="px-6 py-4 text-left text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider hidden md:table-cell">Date</th>
+                        <th class="px-6 py-4 text-left text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider hidden lg:table-cell">Amount</th>
+                        <th class="px-6 py-4 text-right text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider">Actions</th>
+                    </tr>
+                </thead>
+                <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
+                    {{range .Documents}}
+                    <tr class="hover:bg-gray-50 dark:hover:bg-gray-700/30 transition-colors">
+                        <td class="px-6 py-4">
+                            <a href="/document/{{.ID}}" class="group">
+                                <p class="font-medium text-gray-900 dark:text-white group-hover:text-brand-600 dark:group-hover:text-brand-400 transition-colors">{{.Title}}</p>
+                                <p class="text-sm text-gray-500 dark:text-gray-400 truncate max-w-md">{{truncate .Summary 60}}</p>
+                            </a>
+                        </td>
+                        <td class="px-6 py-4 hidden sm:table-cell">
+                            {{if .Type}}
+                            <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300">
+                                {{title .Type}}
+                            </span>
+                            {{else}}
+                            <span class="text-gray-400">—</span>
+                            {{end}}
+                        </td>
+                        <td class="px-6 py-4 text-sm text-gray-600 dark:text-gray-400 hidden md:table-cell">
+                            {{if .Date}}{{formatDate .Date}}{{else}}—{{end}}
+                        </td>
+                        <td class="px-6 py-4 text-sm font-medium text-gray-900 dark:text-white hidden lg:table-cell">
+                            {{if .Amount}}{{.Amount}}{{else}}—{{end}}
+                        </td>
+                        <td class="px-6 py-4 text-right">
+                            <div class="flex items-center justify-end space-x-2">
+                                <a href="/document/{{.ID}}" class="p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors" title="View">
+                                    <svg class="w-4 h-4 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
+                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
+                                    </svg>
+                                </a>
+                                {{if .PDFPath}}
+                                <a href="/pdf/{{.ID}}" target="_blank" class="p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors" title="Download PDF">
+                                    <svg class="w-4 h-4 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
+                                    </svg>
+                                </a>
+                                {{end}}
+                            </div>
+                        </td>
+                    </tr>
+                    {{end}}
+                </tbody>
+            </table>
+        </div>
+    </div>
+    {{else}}
+    <div class="bg-white dark:bg-gray-800 rounded-2xl shadow-sm border border-gray-100 dark:border-gray-700 p-12 text-center">
+        <svg class="w-16 h-16 mx-auto text-gray-300 dark:text-gray-600 mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"></path>
+        </svg>
+        <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-1">No documents</h3>
+        <p class="text-gray-500 dark:text-gray-400">This category is empty</p>
+    </div>
+    {{end}}
+</div>
+{{end}}
diff --git a/templates/dashboard.html b/templates/dashboard.html
new file mode 100644
index 0000000..d10134f
--- /dev/null
+++ b/templates/dashboard.html
@@ -0,0 +1,430 @@
+{{template "base" .}}
+
+{{define "content"}}
+<div class="space-y-8">
+    <!-- Header -->
+    <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
+        <div>
+            <h1 class="text-3xl font-bold text-gray-900 dark:text-white">Dashboard</h1>
+            <p class="mt-1 text-gray-500 dark:text-gray-400">Your document management overview</p>
+        </div>
+        <div class="flex gap-3">
+            <a href="/api/export" 
+               class="inline-flex items-center px-4 py-2 bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-200 text-sm font-medium rounded-lg border border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700 transition-all">
+                <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
+                </svg>
+                Export CSV
+            </a>
+        </div>
+    </div>
+
+    <!-- Live Processing Status -->
+    <div id="processing-panel" class="hidden">
+        <div class="bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded-2xl p-5">
+            <div class="flex items-center gap-3 mb-3">
+                <div class="animate-spin rounded-full h-5 w-5 border-2 border-amber-600 border-t-transparent"></div>
+                <h3 class="font-semibold text-amber-800 dark:text-amber-200">Processing Documents</h3>
+            </div>
+            <div id="processing-jobs" class="space-y-3"></div>
+        </div>
+    </div>
+
+    <!-- Stats Cards -->
+    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
+        <div class="bg-white dark:bg-gray-800 rounded-2xl p-6 shadow-sm border border-gray-100 dark:border-gray-700 card-hover">
+            <div class="flex items-center justify-between">
+                <div>
+                    <p class="text-sm font-medium text-gray-500 dark:text-gray-400">Total Documents</p>
+                    <p class="text-3xl font-bold text-gray-900 dark:text-white mt-1">{{.Stats.TotalDocs}}</p>
+                </div>
+                <div class="p-3 bg-brand-100 dark:bg-brand-900/30 rounded-xl">
+                    <svg class="w-6 h-6 text-brand-600 dark:text-brand-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
+                    </svg>
+                </div>
+            </div>
+        </div>
+
+        <div class="bg-white dark:bg-gray-800 rounded-2xl p-6 shadow-sm border border-gray-100 dark:border-gray-700 card-hover">
+            <div class="flex items-center justify-between">
+                <div>
+                    <p class="text-sm font-medium text-gray-500 dark:text-gray-400">This Week</p>
+                    <p class="text-3xl font-bold text-green-600 dark:text-green-400 mt-1">{{.Stats.RecentDocs}}</p>
+                </div>
+                <div class="p-3 bg-green-100 dark:bg-green-900/30 rounded-xl">
+                    <svg class="w-6 h-6 text-green-600 dark:text-green-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+                    </svg>
+                </div>
+            </div>
+        </div>
+
+        <div class="bg-white dark:bg-gray-800 rounded-2xl p-6 shadow-sm border border-gray-100 dark:border-gray-700 card-hover">
+            <div class="flex items-center justify-between">
+                <div>
+                    <p class="text-sm font-medium text-gray-500 dark:text-gray-400">Categories</p>
+                    <p class="text-3xl font-bold text-purple-600 dark:text-purple-400 mt-1">{{len .Categories}}</p>
+                </div>
+                <div class="p-3 bg-purple-100 dark:bg-purple-900/30 rounded-xl">
+                    <svg class="w-6 h-6 text-purple-600 dark:text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"></path>
+                    </svg>
+                </div>
+            </div>
+        </div>
+
+        <div class="bg-white dark:bg-gray-800 rounded-2xl p-6 shadow-sm border border-gray-100 dark:border-gray-700 card-hover">
+            <div class="flex items-center justify-between">
+                <div>
+                    <p class="text-sm font-medium text-gray-500 dark:text-gray-400">Storage</p>
+                    <p class="text-3xl font-bold text-orange-600 dark:text-orange-400 mt-1">—</p>
+                </div>
+                <div class="p-3 bg-orange-100 dark:bg-orange-900/30 rounded-xl">
+                    <svg class="w-6 h-6 text-orange-600 dark:text-orange-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4"></path>
+                    </svg>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Two columns: Categories + Recent -->
+    <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
+        <!-- Categories -->
+        <div class="lg:col-span-1">
+            <h2 class="text-xl font-semibold text-gray-900 dark:text-white mb-4">Categories</h2>
+            <div class="bg-white dark:bg-gray-800 rounded-2xl shadow-sm border border-gray-100 dark:border-gray-700 overflow-hidden">
+                <div class="divide-y divide-gray-100 dark:divide-gray-700">
+                    {{range .Categories}}
+                    {{$count := index $.Stats.ByCategory .}}
+                    <a href="/browse/{{.}}" class="flex items-center justify-between px-5 py-4 hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors">
+                        <div class="flex items-center space-x-3">
+                            <span class="text-xl">{{categoryIcon .}}</span>
+                            <span class="font-medium text-gray-700 dark:text-gray-200">{{title .}}</span>
+                        </div>
+                        <span class="text-sm text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-700 px-2.5 py-0.5 rounded-full">{{$count}}</span>
+                    </a>
+                    {{end}}
+                </div>
+            </div>
+        </div>
+
+        <!-- Recent Documents -->
+        <div class="lg:col-span-2">
+            <div class="flex items-center justify-between mb-4">
+                <h2 class="text-xl font-semibold text-gray-900 dark:text-white">Recent Documents</h2>
+                <a href="/browse" class="text-sm text-brand-600 dark:text-brand-400 hover:underline">View all →</a>
+            </div>
+            <div class="bg-white dark:bg-gray-800 rounded-2xl shadow-sm border border-gray-100 dark:border-gray-700 overflow-hidden">
+                {{if .Stats.RecentUploads}}
+                <div class="divide-y divide-gray-100 dark:divide-gray-700">
+                    {{range .Stats.RecentUploads}}
+                    <a href="/document/{{.ID}}" class="flex items-center px-5 py-4 hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors group">
+                        <div class="flex-shrink-0 p-2 bg-gray-100 dark:bg-gray-700 rounded-lg mr-4">
+                            <svg class="w-6 h-6 text-gray-500 dark:text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
+                            </svg>
+                        </div>
+                        <div class="flex-1 min-w-0">
+                            <p class="font-medium text-gray-900 dark:text-white truncate group-hover:text-brand-600 dark:group-hover:text-brand-400 transition-colors">{{.Title}}</p>
+                            <p class="text-sm text-gray-500 dark:text-gray-400 truncate">{{truncate .Summary 100}}</p>
+                        </div>
+                        {{if .Vendor}}
+                        <div class="hidden lg:block flex-shrink-0 w-40 ml-4 text-sm text-gray-600 dark:text-gray-400 truncate">{{.Vendor}}</div>
+                        {{end}}
+                        {{if .Amount}}
+                        <div class="hidden lg:block flex-shrink-0 w-28 ml-4 text-sm font-medium text-gray-900 dark:text-white text-right">{{.Amount}}</div>
+                        {{end}}
+                        <div class="flex-shrink-0 ml-4 text-right w-28">
+                            {{if eq .Status "processing"}}
+                            <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300" data-processing="{{.ID}}">
+                                <svg class="animate-spin -ml-0.5 mr-1.5 h-3 w-3" fill="none" viewBox="0 0 24 24">
+                                    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+                                    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+                                </svg>
+                                Processing
+                            </span>
+                            {{else if eq .Status "error"}}
+                            <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-300">
+                                Error
+                            </span>
+                            {{else}}
+                            <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-brand-100 dark:bg-brand-900/30 text-brand-700 dark:text-brand-300">
+                                {{title .Category}}
+                            </span>
+                            {{end}}
+                            <p class="text-xs text-gray-400 dark:text-gray-500 mt-1">{{if .Date}}{{.Date}}{{else}}{{formatDate .ProcessedAt}}{{end}}</p>
+                        </div>
+                    </a>
+                    {{end}}
+                </div>
+                {{else}}
+                <div class="p-12 text-center">
+                    <svg class="w-12 h-12 mx-auto text-gray-300 dark:text-gray-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"></path>
+                    </svg>
+                    <p class="mt-4 text-gray-500 dark:text-gray-400">No documents yet</p>
+                    <p class="mt-2 text-sm text-brand-600 dark:text-brand-400">
+                        Drag & drop files anywhere to upload
+                    </p>
+                </div>
+                {{end}}
+            </div>
+        </div>
+    </div>
+
+    <!-- Quick Actions -->
+    <div>
+        <h2 class="text-xl font-semibold text-gray-900 dark:text-white mb-4">Quick Actions</h2>
+        <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
+            <div class="flex flex-col items-center p-6 bg-white dark:bg-gray-800 rounded-2xl shadow-sm border-2 border-dashed border-gray-300 dark:border-gray-600 hover:border-brand-400 dark:hover:border-brand-500 transition-all">
+                <div class="p-3 bg-brand-100 dark:bg-brand-900/30 rounded-xl mb-3">
+                    <svg class="w-6 h-6 text-brand-600 dark:text-brand-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"></path>
+                    </svg>
+                </div>
+                <span class="text-sm font-medium text-gray-700 dark:text-gray-200">Drop files anywhere</span>
+            </div>
+
+            <a href="/search" class="flex flex-col items-center p-6 bg-white dark:bg-gray-800 rounded-2xl shadow-sm border border-gray-100 dark:border-gray-700 hover:border-brand-300 dark:hover:border-brand-600 transition-all card-hover">
+                <div class="p-3 bg-green-100 dark:bg-green-900/30 rounded-xl mb-3">
+                    <svg class="w-6 h-6 text-green-600 dark:text-green-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
+                    </svg>
+                </div>
+                <span class="text-sm font-medium text-gray-700 dark:text-gray-200">Search Documents</span>
+            </a>
+
+            <a href="/browse" class="flex flex-col items-center p-6 bg-white dark:bg-gray-800 rounded-2xl shadow-sm border border-gray-100 dark:border-gray-700 hover:border-brand-300 dark:hover:border-brand-600 transition-all card-hover">
+                <div class="p-3 bg-purple-100 dark:bg-purple-900/30 rounded-xl mb-3">
+                    <svg class="w-6 h-6 text-purple-600 dark:text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"></path>
+                    </svg>
+                </div>
+                <span class="text-sm font-medium text-gray-700 dark:text-gray-200">Browse Categories</span>
+            </a>
+
+            <button hx-post="/api/reindex" hx-swap="none" hx-confirm="Rebuild the document index?"
+                    class="flex flex-col items-center p-6 bg-white dark:bg-gray-800 rounded-2xl shadow-sm border border-gray-100 dark:border-gray-700 hover:border-brand-300 dark:hover:border-brand-600 transition-all card-hover">
+                <div class="p-3 bg-orange-100 dark:bg-orange-900/30 rounded-xl mb-3">
+                    <svg class="w-6 h-6 text-orange-600 dark:text-orange-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
+                    </svg>
+                </div>
+                <span class="text-sm font-medium text-gray-700 dark:text-gray-200">Reindex</span>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Upload Modal -->
+<!-- Full-page drop overlay -->
+<div id="drop-overlay" class="hidden fixed inset-0 z-50 bg-brand-600/90 flex items-center justify-center pointer-events-none">
+    <div class="text-center text-white">
+        <svg class="w-20 h-20 mx-auto mb-4 animate-bounce" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"></path>
+        </svg>
+        <p class="text-2xl font-bold">Drop to upload</p>
+    </div>
+</div>
+
+<!-- Upload progress indicator -->
+<div id="upload-progress" class="hidden fixed top-4 left-1/2 -translate-x-1/2 z-50 bg-white dark:bg-gray-800 rounded-xl shadow-2xl px-6 py-4 flex items-center gap-4">
+    <div class="animate-spin rounded-full h-6 w-6 border-2 border-brand-600 border-t-transparent"></div>
+    <span class="text-gray-700 dark:text-gray-200 font-medium">Processing with AI...</span>
+</div>
+
+<script>
+    // Full-page drag & drop
+    let dragCounter = 0;
+    const overlay = document.getElementById('drop-overlay');
+    const progress = document.getElementById('upload-progress');
+    
+    document.addEventListener('dragenter', (e) => {
+        e.preventDefault();
+        dragCounter++;
+        overlay.classList.remove('hidden');
+    });
+    
+    document.addEventListener('dragleave', (e) => {
+        e.preventDefault();
+        dragCounter--;
+        if (dragCounter === 0) overlay.classList.add('hidden');
+    });
+    
+    document.addEventListener('dragover', (e) => {
+        e.preventDefault();
+    });
+    
+    document.addEventListener('drop', async (e) => {
+        e.preventDefault();
+        dragCounter = 0;
+        overlay.classList.add('hidden');
+        
+        const files = Array.from(e.dataTransfer.files);
+        if (!files.length) return;
+        
+        progress.classList.remove('hidden');
+        const pendingIds = [];
+        
+        // Upload all files
+        for (const file of files) {
+            try {
+                const formData = new FormData();
+                formData.append('file', file);
+                const res = await fetch('/api/upload', { method: 'POST', body: formData });
+                const data = await res.json();
+                
+                if (data.status === 'success') {
+                    showToast('✓ ' + file.name, 'success');
+                    pendingIds.push(data.id);
+                } else if (data.status === 'duplicate') {
+                    showToast('📄 "' + file.name + '" exists', 'warning');
+                } else {
+                    showToast('Failed: ' + file.name, 'error');
+                }
+            } catch (err) {
+                showToast('Upload failed: ' + file.name, 'error');
+            }
+        }
+        
+        if (pendingIds.length > 0) {
+            // Store all pending IDs and refresh
+            sessionStorage.setItem('pendingDocs', JSON.stringify(pendingIds));
+            window.location.reload();
+        } else {
+            progress.classList.add('hidden');
+        }
+    });
+    
+    // Check for pending docs on page load (from web upload)
+    const pendingDocsJson = sessionStorage.getItem('pendingDocs');
+    if (pendingDocsJson) {
+        const pendingIds = JSON.parse(pendingDocsJson);
+        if (pendingIds.length > 0) {
+            pollUntilAllReady(pendingIds);
+        }
+    }
+
+    // Live processing status polling
+    const panel = document.getElementById('processing-panel');
+    const jobsDiv = document.getElementById('processing-jobs');
+    let wasProcessing = false;
+
+    const stepLabels = {
+        'starting': '🔄 Starting...',
+        'converting': '📄 Converting PDF to image...',
+        'ocr': '🔍 OCR',
+        'classifying': '🏷️ Classifying...',
+        'embedding': '📊 Generating search index...',
+        'error': '❌ Error'
+    };
+
+    (function pollProcessing() {
+        fetch('/api/processing')
+            .then(r => r.json())
+            .then(jobs => {
+                if (jobs && jobs.length > 0) {
+                    wasProcessing = true;
+                    panel.classList.remove('hidden');
+                    jobsDiv.innerHTML = jobs.map(j => {
+                        const elapsed = (j.elapsed_ms / 1000).toFixed(1);
+                        const label = stepLabels[j.step] || j.step;
+                        const detail = j.detail ? ` — ${j.detail}` : '';
+                        return `<div class="flex items-center justify-between bg-white dark:bg-gray-800 rounded-xl px-4 py-3 shadow-sm">
+                            <div>
+                                <span class="font-medium text-gray-900 dark:text-white">${j.filename}</span>
+                                <span class="ml-2 text-sm text-amber-700 dark:text-amber-300">${label}${detail}</span>
+                            </div>
+                            <span class="text-sm text-gray-500 dark:text-gray-400 font-mono">${elapsed}s</span>
+                        </div>`;
+                    }).join('');
+                    setTimeout(pollProcessing, 1000);
+                } else {
+                    panel.classList.add('hidden');
+                    if (wasProcessing) {
+                        wasProcessing = false;
+                        showToast('✓ Document processing complete!', 'success');
+                        setTimeout(() => window.location.reload(), 500);
+                    } else {
+                        setTimeout(pollProcessing, 3000);
+                    }
+                }
+            })
+            .catch(() => setTimeout(pollProcessing, 5000));
+    })();
+    
+    // Poll until all documents are ready
+    function pollUntilAllReady(docIds) {
+        progress.classList.remove('hidden');
+        let attempts = 0;
+        const poll = setInterval(async () => {
+            attempts++;
+            try {
+                const res = await fetch('/api/documents');
+                const docs = await res.json();
+                if (!docs) return;
+                
+                let allReady = true;
+                let anyError = false;
+                
+                for (const id of docIds) {
+                    const doc = docs.find(d => d.ID === id);
+                    if (!doc || doc.Status === 'processing') {
+                        allReady = false;
+                    } else if (doc.Status === 'error') {
+                        anyError = true;
+                    }
+                }
+                
+                if (allReady) {
+                    clearInterval(poll);
+                    sessionStorage.removeItem('pendingDocs');
+                    progress.classList.add('hidden');
+                    if (anyError) {
+                        showToast('Some documents failed', 'warning');
+                    } else {
+                        showToast('✓ All ' + docIds.length + ' documents ready!', 'success');
+                    }
+                    window.location.reload();
+                } else if (attempts > 90) { // 3 min timeout for multiple
+                    clearInterval(poll);
+                    sessionStorage.removeItem('pendingDocs');
+                    progress.classList.add('hidden');
+                    showToast('Taking too long — refresh manually', 'warning');
+                }
+            } catch {}
+        }, 2000);
+    }
+    
+    function showToast(message, type = 'info') {
+        const colors = {
+            success: 'bg-green-500',
+            error: 'bg-red-500',
+            info: 'bg-blue-500',
+            warning: 'bg-amber-500'
+        };
+        
+        let container = document.getElementById('toast-container');
+        if (!container) {
+            container = document.createElement('div');
+            container.id = 'toast-container';
+            container.className = 'fixed top-4 right-4 z-50 flex flex-col gap-2';
+            document.body.appendChild(container);
+        }
+        
+        const toast = document.createElement('div');
+        toast.className = `${colors[type] || colors.info} text-white px-6 py-3 rounded-lg shadow-lg transform transition-all duration-300 translate-x-full`;
+        toast.textContent = message;
+        container.appendChild(toast);
+        
+        requestAnimationFrame(() => toast.classList.remove('translate-x-full'));
+        
+        setTimeout(() => {
+            toast.classList.add('translate-x-full', 'opacity-0');
+            setTimeout(() => toast.remove(), 300);
+        }, 4000);
+    }
+</script>
+{{end}}
diff --git a/templates/document.html b/templates/document.html
new file mode 100644
index 0000000..23d432f
--- /dev/null
+++ b/templates/document.html
@@ -0,0 +1,361 @@
+{{template "base" .}}
+
+{{define "content"}}
+<div class="space-y-6">
+    <!-- Header -->
+    <div class="flex flex-col sm:flex-row sm:items-start sm:justify-between gap-4">
+        <div class="flex items-start space-x-4">
+            <a href="/browse/{{.Document.Category}}" class="p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors mt-1">
+                <svg class="w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
+                </svg>
+            </a>
+            <div>
+                <div class="flex items-center space-x-3 mb-1">
+                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-brand-100 dark:bg-brand-900/30 text-brand-700 dark:text-brand-300">
+                        {{categoryIcon .Document.Category}} {{title .Document.Category}}
+                    </span>
+                    {{if .Document.Type}}
+                    <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300">
+                        {{title .Document.Type}}
+                    </span>
+                    {{end}}
+                </div>
+                <h1 class="text-2xl sm:text-3xl font-bold text-gray-900 dark:text-white">{{.Document.Title}}</h1>
+                <p class="text-sm text-gray-500 dark:text-gray-400 mt-1">ID: {{.Document.ID}}</p>
+            </div>
+        </div>
+        <div class="flex gap-2">
+            <button onclick="toggleEdit()" class="inline-flex items-center px-3 py-2 bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-200 text-sm font-medium rounded-lg border border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700 transition-all">
+                <svg class="w-4 h-4 mr-1.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"></path>
+                </svg>
+                Edit
+            </button>
+            {{if .Document.PDFPath}}
+            <a href="/pdf/{{.Document.ID}}" target="_blank" class="inline-flex items-center px-3 py-2 bg-brand-600 hover:bg-brand-700 text-white text-sm font-medium rounded-lg transition-all">
+                <svg class="w-4 h-4 mr-1.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
+                </svg>
+                Download
+            </a>
+            {{end}}
+        </div>
+    </div>
+
+    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+        <!-- Left Column: Details -->
+        <div class="space-y-6">
+            <!-- Metadata Card -->
+            <div class="bg-white dark:bg-gray-800 rounded-2xl shadow-sm border border-gray-100 dark:border-gray-700 overflow-hidden">
+                <div class="px-6 py-4 border-b border-gray-100 dark:border-gray-700">
+                    <h2 class="font-semibold text-gray-900 dark:text-white">Details</h2>
+                </div>
+                <div class="p-6">
+                    <dl class="grid grid-cols-2 gap-4">
+                        {{if .Document.Date}}
+                        <div>
+                            <dt class="text-sm text-gray-500 dark:text-gray-400">Date</dt>
+                            <dd class="mt-1 font-medium text-gray-900 dark:text-white">{{formatDate .Document.Date}}</dd>
+                        </div>
+                        {{end}}
+                        {{if .Document.Amount}}
+                        <div>
+                            <dt class="text-sm text-gray-500 dark:text-gray-400">Amount</dt>
+                            <dd class="mt-1 font-medium text-gray-900 dark:text-white">{{.Document.Amount}}</dd>
+                        </div>
+                        {{end}}
+                        {{if .Document.Vendor}}
+                        <div>
+                            <dt class="text-sm text-gray-500 dark:text-gray-400">Vendor</dt>
+                            <dd class="mt-1 font-medium text-gray-900 dark:text-white">{{.Document.Vendor}}</dd>
+                        </div>
+                        {{end}}
+                        {{if .Document.ProcessedAt}}
+                        <div>
+                            <dt class="text-sm text-gray-500 dark:text-gray-400">Processed</dt>
+                            <dd class="mt-1 font-medium text-gray-900 dark:text-white">{{formatDate .Document.ProcessedAt}}</dd>
+                        </div>
+                        {{end}}
+                        {{if .Document.OriginalFile}}
+                        <div class="col-span-2">
+                            <dt class="text-sm text-gray-500 dark:text-gray-400">Original File</dt>
+                            <dd class="mt-1 font-medium text-gray-900 dark:text-white truncate">{{.Document.OriginalFile}}</dd>
+                        </div>
+                        {{end}}
+                    </dl>
+                </div>
+            </div>
+
+            <!-- Summary -->
+            {{if .Document.Summary}}
+            <div class="bg-white dark:bg-gray-800 rounded-2xl shadow-sm border border-gray-100 dark:border-gray-700 overflow-hidden">
+                <div class="px-6 py-4 border-b border-gray-100 dark:border-gray-700">
+                    <h2 class="font-semibold text-gray-900 dark:text-white">Summary</h2>
+                </div>
+                <div class="p-6">
+                    <p class="text-gray-700 dark:text-gray-300 whitespace-pre-wrap">{{.Document.Summary}}</p>
+                </div>
+            </div>
+            {{end}}
+
+            <!-- Notes -->
+            <div class="bg-white dark:bg-gray-800 rounded-2xl shadow-sm border border-gray-100 dark:border-gray-700 overflow-hidden">
+                <div class="px-6 py-4 border-b border-gray-100 dark:border-gray-700">
+                    <h2 class="font-semibold text-gray-900 dark:text-white">Notes</h2>
+                </div>
+                <div class="p-6">
+                    {{if .Document.Notes}}
+                    <p class="text-gray-700 dark:text-gray-300 whitespace-pre-wrap">{{.Document.Notes}}</p>
+                    {{else}}
+                    <p class="text-gray-400 dark:text-gray-500 italic">No notes yet. Click Edit to add notes.</p>
+                    {{end}}
+                </div>
+            </div>
+
+            <!-- Full Text -->
+            {{if .Document.FullText}}
+            <div class="bg-white dark:bg-gray-800 rounded-2xl shadow-sm border border-gray-100 dark:border-gray-700 overflow-hidden">
+                <div class="px-6 py-4 border-b border-gray-100 dark:border-gray-700 flex items-center justify-between">
+                    <h2 class="font-semibold text-gray-900 dark:text-white">OCR Text</h2>
+                    <button onclick="copyText()" class="text-sm text-brand-600 dark:text-brand-400 hover:underline">Copy</button>
+                </div>
+                <div class="p-6 max-h-96 overflow-auto">
+                    <div id="ocr-text" class="text-sm text-gray-700 dark:text-gray-300 prose dark:prose-invert max-w-none">{{.Document.FullText | safe}}</div>
+                    <script>
+                        // Simple markdown rendering
+                        (function() {
+                            const el = document.getElementById('ocr-text');
+                            let md = el.textContent;
+                            // Headers
+                            md = md.replace(/^### (.+)$/gm, '<h4 class="font-semibold mt-4 mb-2">$1</h4>');
+                            md = md.replace(/^## (.+)$/gm, '<h3 class="font-semibold text-lg mt-4 mb-2">$1</h3>');
+                            // Bold
+                            md = md.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>');
+                            // Tables (simple)
+                            md = md.replace(/\|(.+)\|/g, function(match) {
+                                const cells = match.split('|').filter(c => c.trim());
+                                return '<tr>' + cells.map(c => '<td class="border px-2 py-1">' + c.trim() + '</td>').join('') + '</tr>';
+                            });
+                            md = md.replace(/(<tr>.*<\/tr>\n?)+/g, '<table class="border-collapse border my-2">$&</table>');
+                            // Bullets
+                            md = md.replace(/^- (.+)$/gm, '<li>$1</li>');
+                            md = md.replace(/(<li>.*<\/li>\n?)+/g, '<ul class="list-disc ml-4 my-2">$&</ul>');
+                            // Line breaks
+                            md = md.replace(/\n/g, '<br>');
+                            el.innerHTML = md;
+                        })();
+                    </script>
+                </div>
+            </div>
+            {{end}}
+        </div>
+
+        <!-- Right Column: PDF Viewer -->
+        <div>
+            {{if .Document.PDFPath}}
+            <div class="bg-white dark:bg-gray-800 rounded-2xl shadow-sm border border-gray-100 dark:border-gray-700 overflow-hidden sticky top-6">
+                <div class="px-6 py-4 border-b border-gray-100 dark:border-gray-700 flex items-center justify-between">
+                    <h2 class="font-semibold text-gray-900 dark:text-white">Document Preview</h2>
+                    <div class="flex items-center space-x-2">
+                        <button onclick="zoomOut()" class="p-1.5 hover:bg-gray-100 dark:hover:bg-gray-700 rounded transition-colors">
+                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"></path>
+                            </svg>
+                        </button>
+                        <span id="zoom-level" class="text-sm text-gray-500">100%</span>
+                        <button onclick="zoomIn()" class="p-1.5 hover:bg-gray-100 dark:hover:bg-gray-700 rounded transition-colors">
+                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path>
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+                <div class="pdf-container p-4">
+                    <div id="pdf-viewer" class="flex flex-col items-center space-y-4 min-h-[600px]">
+                        <div class="flex items-center justify-center h-full text-gray-400">
+                            <svg class="animate-spin w-8 h-8" fill="none" viewBox="0 0 24 24">
+                                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+                                <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+                            </svg>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-6 py-3 border-t border-gray-100 dark:border-gray-700 bg-gray-50 dark:bg-gray-700/50">
+                    <div class="flex items-center justify-between">
+                        <button onclick="prevPage()" class="px-3 py-1.5 text-sm text-gray-600 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600 rounded transition-colors">← Previous</button>
+                        <span id="page-info" class="text-sm text-gray-500 dark:text-gray-400">Page 1 of 1</span>
+                        <button onclick="nextPage()" class="px-3 py-1.5 text-sm text-gray-600 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600 rounded transition-colors">Next →</button>
+                    </div>
+                </div>
+            </div>
+            {{else}}
+            <div class="bg-white dark:bg-gray-800 rounded-2xl shadow-sm border border-gray-100 dark:border-gray-700 p-12 text-center">
+                <svg class="w-16 h-16 mx-auto text-gray-300 dark:text-gray-600 mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
+                </svg>
+                <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-1">No PDF Available</h3>
+                <p class="text-gray-500 dark:text-gray-400">This document doesn't have an associated PDF file</p>
+            </div>
+            {{end}}
+        </div>
+    </div>
+</div>
+
+<!-- Edit Modal -->
+<div id="edit-modal" class="hidden fixed inset-0 z-50 overflow-y-auto">
+    <div class="flex min-h-full items-center justify-center p-4">
+        <div class="fixed inset-0 bg-gray-500/75 dark:bg-gray-900/80" onclick="toggleEdit()"></div>
+        <div class="relative bg-white dark:bg-gray-800 rounded-2xl shadow-xl max-w-lg w-full p-6 animate-fade-in">
+            <div class="flex items-center justify-between mb-6">
+                <h3 class="text-lg font-semibold text-gray-900 dark:text-white">Edit Document</h3>
+                <button onclick="toggleEdit()" class="p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors">
+                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
+                    </svg>
+                </button>
+            </div>
+            
+            <form id="edit-form" class="space-y-4">
+                <div>
+                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Title</label>
+                    <input type="text" name="title" value="{{.Document.Title}}" 
+                           class="w-full px-4 py-2 rounded-lg bg-gray-100 dark:bg-gray-700 border-0 focus:ring-2 focus:ring-brand-500">
+                </div>
+                
+                <div>
+                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Category</label>
+                    <select name="category" class="w-full px-4 py-2 rounded-lg bg-gray-100 dark:bg-gray-700 border-0 focus:ring-2 focus:ring-brand-500">
+                        {{range $.Categories}}
+                        <option value="{{.}}" {{if eq . $.Document.Category}}selected{{end}}>{{title .}}</option>
+                        {{end}}
+                    </select>
+                </div>
+                
+                <div>
+                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Notes</label>
+                    <textarea name="notes" rows="4" 
+                              class="w-full px-4 py-2 rounded-lg bg-gray-100 dark:bg-gray-700 border-0 focus:ring-2 focus:ring-brand-500 resize-none">{{.Document.Notes}}</textarea>
+                </div>
+                
+                <div class="flex justify-between pt-4">
+                    <button type="button" onclick="deleteDocument()" class="px-4 py-2 text-sm font-medium text-red-600 hover:bg-red-50 dark:hover:bg-red-900/20 rounded-lg transition-colors">
+                        Delete Document
+                    </button>
+                    <div class="flex gap-3">
+                        <button type="button" onclick="toggleEdit()" class="px-4 py-2 text-sm font-medium text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors">
+                            Cancel
+                        </button>
+                        <button type="submit" class="px-4 py-2 text-sm font-medium text-white bg-brand-600 hover:bg-brand-700 rounded-lg transition-colors">
+                            Save Changes
+                        </button>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+<script type="module">
+    // PDF.js
+    const pdfjsLib = window['pdfjs-dist/build/pdf'] || await import('https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.0.379/pdf.min.mjs');
+    pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.0.379/pdf.worker.min.mjs';
+    
+    let pdfDoc = null;
+    let currentPage = 1;
+    let scale = 1.0;
+    const docId = "{{.Document.ID}}";
+    
+    {{if .Document.PDFPath}}
+    // Load PDF
+    async function loadPDF() {
+        try {
+            pdfDoc = await pdfjsLib.getDocument('/pdf/' + docId).promise;
+            document.getElementById('page-info').textContent = `Page 1 of ${pdfDoc.numPages}`;
+            renderPage(1);
+        } catch (err) {
+            document.getElementById('pdf-viewer').innerHTML = `
+                <div class="flex flex-col items-center justify-center h-64 text-gray-400">
+                    <svg class="w-12 h-12 mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+                    </svg>
+                    <p>Could not load PDF</p>
+                    <p class="text-sm">${err.message}</p>
+                </div>
+            `;
+        }
+    }
+    
+    async function renderPage(num) {
+        const page = await pdfDoc.getPage(num);
+        const viewport = page.getViewport({ scale: scale });
+        
+        const canvas = document.createElement('canvas');
+        canvas.className = 'shadow-lg rounded';
+        canvas.height = viewport.height;
+        canvas.width = viewport.width;
+        
+        const ctx = canvas.getContext('2d');
+        await page.render({ canvasContext: ctx, viewport: viewport }).promise;
+        
+        const viewer = document.getElementById('pdf-viewer');
+        viewer.innerHTML = '';
+        viewer.appendChild(canvas);
+        
+        document.getElementById('page-info').textContent = `Page ${num} of ${pdfDoc.numPages}`;
+        currentPage = num;
+    }
+    
+    window.prevPage = () => { if (currentPage > 1) renderPage(currentPage - 1); };
+    window.nextPage = () => { if (pdfDoc && currentPage < pdfDoc.numPages) renderPage(currentPage + 1); };
+    window.zoomIn = () => { scale = Math.min(scale + 0.25, 3); document.getElementById('zoom-level').textContent = Math.round(scale * 100) + '%'; if (pdfDoc) renderPage(currentPage); };
+    window.zoomOut = () => { scale = Math.max(scale - 0.25, 0.5); document.getElementById('zoom-level').textContent = Math.round(scale * 100) + '%'; if (pdfDoc) renderPage(currentPage); };
+    
+    loadPDF();
+    {{end}}
+</script>
+
+<script>
+    function toggleEdit() {
+        document.getElementById('edit-modal').classList.toggle('hidden');
+    }
+    
+    function copyText() {
+        const text = document.getElementById('ocr-text').textContent;
+        navigator.clipboard.writeText(text);
+    }
+    
+    document.getElementById('edit-form').addEventListener('submit', async (e) => {
+        e.preventDefault();
+        const form = e.target;
+        const data = {
+            title: form.title.value,
+            category: form.category.value,
+            notes: form.notes.value
+        };
+        
+        const res = await fetch('/api/document/{{.Document.ID}}', {
+            method: 'PUT',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(data)
+        });
+        
+        if (res.ok) {
+            location.reload();
+        } else {
+            alert('Failed to save changes');
+        }
+    });
+    
+    async function deleteDocument() {
+        if (!confirm('Are you sure you want to delete this document?')) return;
+        
+        const res = await fetch('/api/document/{{.Document.ID}}', { method: 'DELETE' });
+        if (res.ok) {
+            location.href = '/browse/{{.Document.Category}}';
+        } else {
+            alert('Failed to delete document');
+        }
+    }
+</script>
+{{end}}
diff --git a/templates/partials/document-list.html b/templates/partials/document-list.html
new file mode 100644
index 0000000..526cb65
--- /dev/null
+++ b/templates/partials/document-list.html
@@ -0,0 +1,16 @@
+{{define "partials/document-list.html"}}
+{{if .}}
+<div class="divide-y divide-gray-100 dark:divide-gray-700">
+    {{range .}}
+    <a href="/document/{{.ID}}" class="flex items-center px-4 py-3 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors">
+        <span class="text-lg mr-3">{{categoryIcon .Category}}</span>
+        <div class="flex-1 min-w-0">
+            <p class="font-medium text-gray-900 dark:text-white truncate text-sm">{{.Title}}</p>
+            <p class="text-xs text-gray-500 dark:text-gray-400 truncate">{{truncate .Summary 50}}</p>
+        </div>
+        <span class="ml-2 text-xs text-gray-400">{{title .Category}}</span>
+    </a>
+    {{end}}
+</div>
+{{end}}
+{{end}}
diff --git a/templates/search.html b/templates/search.html
new file mode 100644
index 0000000..f0cec7b
--- /dev/null
+++ b/templates/search.html
@@ -0,0 +1,104 @@
+{{template "base" .}}
+
+{{define "content"}}
+<div class="space-y-8">
+    <!-- Header -->
+    <div class="text-center max-w-2xl mx-auto">
+        <h1 class="text-3xl font-bold text-gray-900 dark:text-white mb-2">Search Documents</h1>
+        <p class="text-gray-500 dark:text-gray-400">Find documents by content, title, vendor, or notes</p>
+    </div>
+
+    <!-- Search Form -->
+    <div class="max-w-2xl mx-auto">
+        <form action="/search" method="GET" class="relative">
+            <input type="search" name="q" value="{{.Query}}" placeholder="Search for anything..." 
+                   class="w-full pl-12 pr-4 py-4 text-lg rounded-2xl bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 shadow-sm focus:ring-2 focus:ring-brand-500 focus:border-transparent transition-all"
+                   autofocus>
+            <svg class="absolute left-4 top-4.5 h-6 w-6 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
+            </svg>
+            <button type="submit" class="absolute right-3 top-3 px-4 py-2 bg-brand-600 hover:bg-brand-700 text-white text-sm font-medium rounded-xl transition-colors">
+                Search
+            </button>
+        </form>
+        
+        <!-- Quick filters -->
+        <div class="flex flex-wrap gap-2 mt-4 justify-center">
+            <span class="text-sm text-gray-500 dark:text-gray-400">Try:</span>
+            <a href="/search?q=duke+energy" class="text-sm text-brand-600 dark:text-brand-400 hover:underline">duke energy</a>
+            <a href="/search?q=insurance" class="text-sm text-brand-600 dark:text-brand-400 hover:underline">insurance</a>
+            <a href="/search?q=2026" class="text-sm text-brand-600 dark:text-brand-400 hover:underline">2026</a>
+        </div>
+    </div>
+
+    <!-- Results -->
+    {{if .Query}}
+    <div class="max-w-4xl mx-auto">
+        {{if .Documents}}
+        <div class="flex items-center justify-between mb-4">
+            <p class="text-gray-600 dark:text-gray-400">
+                Found <span class="font-semibold text-gray-900 dark:text-white">{{len .Documents}}</span> result{{if ne (len .Documents) 1}}s{{end}} for "{{.Query}}"
+            </p>
+            <a href="/api/export?q={{.Query}}" class="text-sm text-brand-600 dark:text-brand-400 hover:underline">Export results →</a>
+        </div>
+
+        <div class="space-y-4">
+            {{range .Documents}}
+            <a href="/document/{{.ID}}" class="block bg-white dark:bg-gray-800 rounded-2xl shadow-sm border border-gray-100 dark:border-gray-700 p-6 hover:border-brand-300 dark:hover:border-brand-600 transition-all card-hover group">
+                <div class="flex items-start justify-between">
+                    <div class="flex-1 min-w-0">
+                        <div class="flex items-center space-x-2 mb-2">
+                            <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-brand-100 dark:bg-brand-900/30 text-brand-700 dark:text-brand-300">
+                                {{categoryIcon .Category}} {{title .Category}}
+                            </span>
+                            {{if .Type}}
+                            <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300">
+                                {{title .Type}}
+                            </span>
+                            {{end}}
+                            {{if .Date}}
+                            <span class="text-xs text-gray-500 dark:text-gray-400">{{formatDate .Date}}</span>
+                            {{end}}
+                            {{if .Score}}
+                            <span class="inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-purple-100 dark:bg-purple-900/30 text-purple-700 dark:text-purple-300">
+                                🧠 {{printf "%.0f" (multiply .Score 100)}}% match
+                            </span>
+                            {{end}}
+                        </div>
+                        <h3 class="text-lg font-semibold text-gray-900 dark:text-white group-hover:text-brand-600 dark:group-hover:text-brand-400 transition-colors mb-1">{{.Title}}</h3>
+                        <p class="text-gray-600 dark:text-gray-400 text-sm line-clamp-2">{{truncate .Summary 200}}</p>
+                        {{if .Vendor}}
+                        <p class="text-sm text-gray-500 dark:text-gray-400 mt-2">Vendor: {{.Vendor}}</p>
+                        {{end}}
+                    </div>
+                    {{if .Amount}}
+                    <div class="ml-4 text-right">
+                        <span class="text-lg font-semibold text-gray-900 dark:text-white">{{.Amount}}</span>
+                    </div>
+                    {{end}}
+                </div>
+            </a>
+            {{end}}
+        </div>
+        {{else}}
+        <div class="text-center py-12">
+            <svg class="w-16 h-16 mx-auto text-gray-300 dark:text-gray-600 mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+            </svg>
+            <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-1">No results found</h3>
+            <p class="text-gray-500 dark:text-gray-400">Try different keywords or check your spelling</p>
+        </div>
+        {{end}}
+    </div>
+    {{else}}
+    <!-- Empty state -->
+    <div class="max-w-2xl mx-auto text-center py-12">
+        <svg class="w-24 h-24 mx-auto text-gray-200 dark:text-gray-700 mb-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
+        </svg>
+        <h3 class="text-xl font-medium text-gray-900 dark:text-white mb-2">Search your documents</h3>
+        <p class="text-gray-500 dark:text-gray-400">Enter a search term above to find documents by content, title, vendor, or notes.</p>
+    </div>
+    {{end}}
+</div>
+{{end}}
diff --git a/test_stats.go b/test_stats.go
new file mode 100644
index 0000000..198172b
--- /dev/null
+++ b/test_stats.go
@@ -0,0 +1,31 @@
+//go:build ignore
+
+package main
+
+import (
+	"fmt"
+	"os"
+	"path/filepath"
+)
+
+func main() {
+	dbPath := filepath.Join(os.Getenv("HOME"), "documents/index/docsys.db")
+	if err := InitDB(dbPath); err != nil {
+		fmt.Println("InitDB error:", err)
+		return
+	}
+	defer CloseDB()
+	
+	stats, err := GetStats()
+	if err != nil {
+		fmt.Println("GetStats error:", err)
+		return
+	}
+	
+	fmt.Printf("TotalDocs: %d\n", stats.TotalDocs)
+	fmt.Printf("RecentDocs: %d\n", stats.RecentDocs)
+	fmt.Printf("RecentUploads count: %d\n", len(stats.RecentUploads))
+	for i, doc := range stats.RecentUploads {
+		fmt.Printf("  [%d] %s: %s\n", i, doc.ID[:8], doc.Title[:40])
+	}
+}