Archive v0.2 (UI Overhaul and Optimization) to milestones/: - milestones/v0.2-ROADMAP.md — full phase archive (Phases 8–11, 33 plans) - milestones/v0.2-REQUIREMENTS.md — all 40 requirements marked complete - milestones/v0.2-MILESTONE-AUDIT.md — audit artifact (passed, 40/40) - MILESTONES.md — new living milestone index - RETROSPECTIVE.md — new living retrospective with v0.2 section - PROJECT.md — full evolution review: v0.2 requirements moved to Validated, 5 new Key Decisions added - STATE.md — updated to milestone-complete status - ROADMAP.md — v0.2 phases collapsed into <details> with progress table updated Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
38 lines
2.5 KiB
Markdown
38 lines
2.5 KiB
Markdown
# DocuVault — Milestones
|
||
|
||
## v0.2 — UI Overhaul and Optimization
|
||
|
||
**Shipped:** 2026-06-17
|
||
**Phases:** 8–11 (4 phases, 33 plans)
|
||
**Timeline:** 2026-06-07 → 2026-06-17 (10 days)
|
||
**Git range:** docs: define milestone v0.2 requirements → docs(milestone): mark v0.2 audit passed
|
||
**Files changed:** 236 files, +39,557 / −6,288 lines, 198 commits
|
||
|
||
### Delivered
|
||
|
||
Transformed the frontend from rough alpha to polished, production-quality web app. Three backend router monoliths decomposed into focused sub-packages; `client.js` decomposed into 7 domain modules. Admin panel moved to standalone `/admin/*` route subtree with correct auth guard. Full UX interaction layer (empty states, skeletons, keyboard shortcuts, OS drag-drop, toasts, breadcrumbs, drag-to-move). Mobile-responsive layout with hamburger sidebar drawer. Bundle reduced −81 kB (−30.6%) via lazy loading.
|
||
|
||
### Key Accomplishments
|
||
|
||
1. Backend monolith decomposition — `api/admin.py` (934L), `api/documents.py` (852L), `api/auth.py` (825L) split into focused sub-packages; shared schemas extracted to `api/schemas.py`
|
||
2. Frontend client decomposition — `client.js` (635L) → 7 domain modules + utils.js + barrel re-export; zero consumer churn across 35+ import sites
|
||
3. Admin panel rearchitecture — standalone `/admin/*` subtree, `AdminLayout.vue`, `AdminSidebar.vue`, 5 deep-linkable views, overview aggregate endpoint, `to.matched.some()` auth guard
|
||
4. UX interaction layer — `EmptyState.vue`, skeleton loaders, keyboard shortcuts (`/` `U` `N` `Escape`), `OsDragOverlay.vue`, Pinia toast store + `ToastContainer.vue`, `BreadcrumbBar.vue`, drag-to-move with Teleport dropdowns, `AppIcon.vue` (66 SVG instances centralized)
|
||
5. Responsive design — hamburger sidebar drawer (below `lg`), adaptive document list columns, 36px touch targets, scrollable modals, `@tailwindcss/forms` baseline, Tailwind-only spacing/typography
|
||
6. Bundle optimization — all admin routes lazy-loaded; dead code deleted (`FolderRow.vue`, `AccountView.vue`, stale test files); final bundle −81 kB vs baseline
|
||
|
||
### Requirements
|
||
|
||
40/40 satisfied (100%). No known gaps.
|
||
|
||
### Archive
|
||
|
||
- Roadmap: `.planning/milestones/v0.2-ROADMAP.md`
|
||
- Requirements: `.planning/milestones/v0.2-REQUIREMENTS.md`
|
||
- Audit: `.planning/milestones/v0.2-MILESTONE-AUDIT.md`
|
||
- Phases: `.planning/phases/08-*/`, `09-*/`, `10-*/`, `11-*/`
|
||
|
||
---
|
||
|
||
*For project history prior to v0.2, see v0.1 milestone (not yet archived — v0.1 phases remain in `.planning/phases/01-*/` through `07.4-*/`).*
|