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/mvp-web-app-launcher/phase-5-board-widgets.md

@@ -5,6 +5,7 @@
 **Domain:** fullstack
 
 ## Objective
+
 Build the board/section/widget system — the core UI of the dashboard. Implement CRUD APIs, the board view page with collapsible sections and app widgets in a responsive grid, and the board editor.
 
 ## Tasks
@@ -31,6 +32,7 @@ Build the board/section/widget system — the core UI of the dashboard. Implemen
 - [x] Task 20: Create `src/lib/components/widget/WidgetGrid.svelte` — responsive grid layout for widgets
 
 ## Files to Modify/Create
+
 - `src/routes/api/boards/+server.ts`
 - `src/routes/api/boards/[id]/+server.ts`
 - `src/routes/api/boards/[id]/sections/+server.ts`
@@ -47,6 +49,7 @@ Build the board/section/widget system — the core UI of the dashboard. Implemen
 - `src/lib/components/widget/*.svelte`
 
 ## Acceptance Criteria
+
 - Boards can be created, listed, viewed, edited, deleted
 - Sections within boards support CRUD and ordering
 - Widgets within sections support CRUD and ordering
@@ -56,6 +59,7 @@ Build the board/section/widget system — the core UI of the dashboard. Implemen
 - Default board is accessible from root page
 
 ## Notes
+
 - MVP supports only AppWidget type; schema should have `type` field for future widget types
 - Widget config is JSON: `{ appId: string }` for AppWidget
 - Section collapse uses Svelte `slide` transition
@@ -64,6 +68,7 @@ Build the board/section/widget system — the core UI of the dashboard. Implemen
 - Big Bang: functional but minimally styled until Phase 7
 
 ## Review Checklist
+
 - [x] All tasks completed
 - [x] Code follows project conventions
 - [x] No unintended side effects
@@ -73,6 +78,7 @@ Build the board/section/widget system — the core UI of the dashboard. Implemen
 ## Handoff to Next Phase
 
 Phase 5 is complete. All board, section, and widget CRUD APIs are implemented with permission-based filtering (admin sees all, regular users see permitted boards, guests see guest-accessible boards only). The board view page loads the full board hierarchy (board -> sections -> widgets -> app + status) via `boardService.findBoardById`. The board editor provides form-based management of board properties, sections (add/delete), and widgets (add app widgets from a dropdown, remove). All Svelte components use runes mode and follow existing patterns:
+
 - `Board.svelte` renders sections in order
 - `Section.svelte` uses `SectionHeader` (chevron toggle) + `SectionCollapsible` (Svelte `slide` transition)
 - `WidgetGrid.svelte` uses a responsive CSS grid (2/3/4 cols)
@@ -80,6 +86,7 @@ Phase 5 is complete. All board, section, and widget CRUD APIs are implemented wi
 - `BoardCard.svelte` shows board summary with section count, default/guest badges
 
 Key files for Phase 6 (Admin Panel):
+
 - Board API routes at `/api/boards/**` are ready for admin operations
 - Permission checking via `permissionService.checkPermission()` is integrated into all write operations
 - Board editor at `/boards/[boardId]/edit` is functional for admin use