# Feature: Phases 4–7 — Full Feature Expansion

**Branch:** `feature/phase-4-7-full-expansion`
**Base branch:** `master`
**Created:** 2026-03-25
**Status:** 🟡 In Progress
**Strategy:** Big Bang
**Mode:** Automated
**Execution:** Orchestrator

## Summary

Implement all remaining features from the project roadmap: 8 new widget types, 6 visual/styling enhancements, 8 functional features, and 4 quality-of-life improvements — 26 features total across 8 implementation phases.

## Build & Test Commands

- **Build:** `npm run build`
- **Test:** `npm test`
- **Lint:** `npm run lint`
- **Type Check:** `npm run check`

## Tech Stack

- **Framework:** SvelteKit (Svelte 5 runes mode) + TypeScript strict
- **UI:** Tailwind CSS v4 + shadcn-svelte (Bits UI) + Lucide Svelte + Simple Icons
- **Data:** Prisma ORM + SQLite + Superforms + Zod
- **Auth:** bcrypt + JWT (HTTP-only cookies) + refresh token rotation
- **Background Jobs:** node-cron
- **DevOps:** Docker (multi-stage) + docker-compose + Gitea Actions

## Phases

- [ ] Phase 1: Database Schema & Type Foundation [backend] → [subplan](./phase-1-schema-types.md)
- [ ] Phase 2: New Widget Services & APIs [backend] → [subplan](./phase-2-widget-backend.md)
- [ ] Phase 3: New Widget Components [frontend] → [subplan](./phase-3-widget-frontend.md)
- [ ] Phase 4: Visual & Styling Enhancements [frontend] → [subplan](./phase-4-visual-styling.md)
- [ ] Phase 5: Functional Features — Backend [backend] → [subplan](./phase-5-functional-backend.md)
- [ ] Phase 6: Functional Features — Frontend [frontend] → [subplan](./phase-6-functional-frontend.md)
- [ ] Phase 7: Quality of Life [fullstack] → [subplan](./phase-7-quality-of-life.md)
- [ ] Phase 8: Integration & Polish [fullstack] → [subplan](./phase-8-integration-polish.md)

## Phase Progress Log

| Phase                         | Domain    | Status         | Review | Build | Committed |
| ----------------------------- | --------- | -------------- | ------ | ----- | --------- |
| Phase 1: Schema & Types       | backend   | ✅ Complete    | ⬜     | ⬜    | ⬜        |
| Phase 2: Widget Backend       | backend   | ✅ Complete    | ⬜     | ⬜    | ⬜        |
| Phase 3: Widget Frontend      | frontend  | ✅ Complete    | ⬜     | ⬜    | ⬜        |
| Phase 4: Visual & Styling     | frontend  | ✅ Complete    | ⬜     | ⬜    | ⬜        |
| Phase 5: Functional Backend   | backend   | ✅ Complete    | ⬜     | ⬜    | ⬜        |
| Phase 6: Functional Frontend  | frontend  | ✅ Complete    | ⬜     | ⬜    | ⬜        |
| Phase 7: Quality of Life      | fullstack | ✅ Complete    | ⬜     | ⬜    | ⬜        |
| Phase 8: Integration & Polish | fullstack | ✅ Complete    | ⬜     | ✅    | ⬜        |

## Parallelizable Phases

- Phases 2 & 4 (backend widget services + visual frontend) — no shared files
- Phases 5 & 3 (functional backend + widget frontend) — minimal overlap

## Final Review

- [ ] Comprehensive code review
- [ ] Full build passes
- [ ] Full test suite passes
- [ ] Merged to `master`