feat: Phases 4-7 — Full Feature Expansion (26 features)

Phase 4 — New Widget Types:
- Clock/Weather, System Stats, RSS/Feed, Calendar, Markdown,
  Metric/Counter, Link Group, Camera/Stream widgets
- Backend services with caching for each data source
- Full creation form with dynamic config fields per type

Phase 5 — Visual & Styling Enhancements:
- Glassmorphism card style (solid/glass/outline)
- Board-level themes with per-board hue/saturation
- Animated SVG status rings replacing static dots
- Card size options (compact/medium/large)
- Custom CSS injection (admin + per-board, sanitized)
- Wallpaper backgrounds with blur/overlay/parallax

Phase 6 — Functional Features:
- Favorites bar with drag-and-drop reordering
- Recent apps tracking with privacy toggle
- Uptime dashboard page (/status, guest-accessible)
- Notifications system (Discord/Slack/Telegram/HTTP webhooks)
- App tags with filtering in board view
- Multi-URL app cards with expandable sub-links
- Personal API tokens with scoped permissions
- Audit log with retention and admin viewer

Phase 7 — Quality of Life:
- Onboarding wizard (5-step first-launch setup)
- App URL health preview with favicon/title detection
- Board templates (4 built-in + custom import/export)
- Keyboard shortcut overlay (j/k nav, 1-9 boards, ? help)

212 files changed, 15641 insertions, 980 deletions.
Build, lint, type check, and 222 tests all pass.

plans/phase-2-enhanced-features/phase-2-dnd.md

@@ -5,6 +5,7 @@
 **Domain:** frontend
 
 ## Objective
+
 Add drag-and-drop reordering for sections within boards and widgets within/across sections using svelte-dnd-action.
 
 ## Tasks
@@ -21,6 +22,7 @@ Add drag-and-drop reordering for sections within boards and widgets within/acros
 - [x] Task 10: Support moving widgets between sections via cross-section DnD
 
 ## Files to Modify/Create
+
 - `package.json` — add svelte-dnd-action
 - `src/lib/components/board/DraggableBoard.svelte` — NEW
 - `src/lib/components/section/DraggableSection.svelte` — NEW
@@ -31,6 +33,7 @@ Add drag-and-drop reordering for sections within boards and widgets within/acros
 - `src/lib/server/services/boardService.ts` — MODIFY
 
 ## Acceptance Criteria
+
 - Sections can be reordered via drag-and-drop in the board editor
 - Widgets can be reordered within a section
 - Widgets can be moved between sections
@@ -39,12 +42,14 @@ Add drag-and-drop reordering for sections within boards and widgets within/acros
 - Drop zones are visually indicated during drag
 
 ## Notes
+
 - `svelte-dnd-action` works well with Svelte 5
 - Use optimistic updates — reorder in UI immediately, sync to server in background
 - Reorder APIs should accept an array of IDs in the new order
 - Big Bang: may need integration fixes in Phase 6
 
 ## Review Checklist
+
 - [x] All tasks completed
 - [x] Code follows project conventions
 - [x] No unintended side effects
@@ -52,7 +57,9 @@ Add drag-and-drop reordering for sections within boards and widgets within/acros
 - [ ] Tests pass (new + existing)
 
 ## Handoff to Next Phase
+
 Phase 2 DnD is complete. Key additions:
+
 - `svelte-dnd-action` installed and integrated with Svelte 5 (`use:dndzone`, `onconsider`/`onfinalize` event pattern)
 - Board editor (`/boards/[boardId]/edit`) now uses `DraggableBoard` > `DraggableSection` > `DraggableWidget` component hierarchy
 - Sections support drag-and-drop reordering with grip-dot handles; widgets support reordering within and across sections