feat: UI batch 2 — Documents, A/B Testing, Auto-Responder/OOO #4050

Originally written by @ccantynz-alt on GitHub.
Imported from https://github.com/ccantynz-alt/AlecRae.com/pull/81

Summary

Continues the UI catch-up — 3 more pages bringing the web app coverage significantly closer to full backend parity.

New Pages

Documents (/documents) — AlecRae Docs, replacing Google Docs

• Folder tree sidebar with create/delete folder
• Document grid (cards with type icon, tags, word count, last modified)
• Inline document editor: title + content, save with flash confirmation
• AI Assist panel: summarize / expand / rewrite / translate / proofread — result shown inline
• Export buttons: PDF / HTML / Markdown (browser download)
• Version history (collapsible list per document)
• Type filter (doc / spreadsheet / presentation / form)
• Full CRUD wired to all 11 /v1/documents/* endpoints

A/B Testing (/ab-tests) — under Automation

• Create tests with 2–4 variants (subject line + % split slider)
• Live split bar validates percentages sum to 100%
• Save as Draft or Create & Start in one click
• Detail view: per-variant metrics bars (open/click rate), complete & pick winner flow
• Winner variant gets green ring + badge
• Wired to all 6 /v1/ab-tests/* endpoints

Auto-Responder / OOO (/auto-responder) — under Automation

• Status banner with activate/deactivate toggle (shows current mode: vacation/busy/custom)
• Mode selector + subject + message body
• Schedule section: start/end date + timezone picker
• Rules: reply to contacts/unknown, AI smart reply, exclude domains, max per sender
• AI Preview: paste a sample email → see how AI would respond
• Send log: paginated table of recent auto-responses
• Wired to all 6 /v1/auto-responder/* endpoints

API clients added

documentsApi, abTestsApi, autoResponderApi — all in apps/web/lib/api.ts

Sidebar

All 3 pages added to nav (Documents under Tools, A/B Testing + Auto-Responder under Automation)

Test plan

• /documents — create a folder, create a doc, type content, save, use AI Assist, export as Markdown
• /ab-tests — create a 2-variant test (A=60% / B=40%), start it, view result bars
• /auto-responder — set Vacation mode, configure schedule + rules, preview AI reply, activate
• Pull on box after merge: git pull origin main && bun run --cwd apps/web build && sudo systemctl restart alecrae-web

https://claude.ai/code/session_017mhAkS4qhMjcvVnyFi61xp

Generated by Claude Code