feat(RECIPE-0002): complete iteration 0 — generate PWA icons and update manifest

2026-02-16 12:19:49 +01:00
parent 4f1ebcbac3
commit 3810d0e401
7 changed files with 700 additions and 26 deletions
--- a/docs/FINDINGS.md
+++ b/docs/FINDINGS.md
@@ -356,6 +356,144 @@ This document will be updated by subsequent agents:

 ---

-**Document Version:** 1.0  
-**Generated by:** Initializer Agent  
-**Next Update:** Planner Agent
+### [Planner] Research Notes - RECIPE-0002 (2026-02-16)
+
+**Task:** Complete PWA implementation (installability, push notifications, share target)
+
+#### PWA Documentation Research
+**Research Date:** 2026-02-16  
+**Sources:** MDN Web Docs, web.dev, W3C specifications
+
+**Progressive Web Apps (PWA) - Key Requirements:**
+1. **Web App Manifest** (`manifest.json`)
+   - Required members: `name` or `short_name`, `icons` (192x192 PNG minimum), `start_url`, `display`
+   - Share target support via `share_target` member (method, action, params)
+   - Icons should include 192x192 and 512x512 sizes for optimal display
+   - Browser compatibility: Chrome/Edge (full), Firefox/Safari (limited for share_target)
+
+2. **Service Worker**
+   - Must be registered to enable offline functionality
+   - Lifecycle: install → activate → fetch events
+   - Required for push notifications
+   - Must be served over HTTPS (or localhost)
+
+3. **HTTPS Requirement**
+   - Mandatory for service worker registration
+   - Required for push notifications and other secure contexts
+   - Local development: `http://localhost` is treated as secure
+
+4. **Installability Criteria** (from MDN/web.dev):
+   - Valid manifest with required members
+   - Service worker registered with fetch event handler
+   - Served over HTTPS
+   - At least one 192x192 PNG or SVG icon
+   - Display mode set (fullscreen, standalone, minimal-ui)
+
+**Push Notifications (Web Push API):**
+- Requires service worker to receive push events
+- VAPID authentication (application server keys) required for Chrome
+- Subscription process: permission → subscribe → store subscription → send push
+- Push service (browser vendor controlled) routes messages
+- Notification permissions: default, granted, denied
+- Best practice: request permission after user interaction
+
+**Web Share Target API:**
+- Registers PWA as share destination
+- Configuration via manifest `share_target` member
+- Supports GET or POST methods
+- `params` define query string mapping (title, text, url)
+- Files can be shared via POST with `multipart/form-data`
+- Currently Chrome/Edge only (experimental)
+- App must be installed to appear in share sheet
+
+#### Current Implementation Analysis
+**Research Date:** 2026-02-16  
+**Files Analyzed:** manifest.json, service-worker.ts, app.html, svelte.config.js, PWAInstallManager.ts, PushNotificationManager.ts
+
+**Manifest Analysis (`static/manifest.json`):**
+- ✅ Has all required PWA members (name, short_name, start_url, display, scope, theme_color, background_color)
+- ✅ Share target configured correctly (GET /share with title/text/url params)
+- ⚠️ Icons reference `/favicon.png` but file does NOT exist in static folder
+- ⚠️ Uses same icon path for both 192x192 and 512x512 sizes
+- ℹ️ Missing optional but recommended members: `description`, `screenshots`, `categories`
+
+**Service Worker Analysis (`src/service-worker.ts`):**
+- ✅ Native SvelteKit service worker (migrated from vite-pwa plugin)
+- ✅ Install event: caches all build assets and static files
+- ✅ Activate event: cleans up old caches
+- ✅ Fetch event: cache-first for assets, network-first with cache fallback for others
+- ✅ Push event handler: processes push messages, shows notifications with actions
+- ✅ Notification click handler: opens/focuses app, handles action buttons
+- ✅ Notification close handler: tracks dismissals
+- ✅ Background sync handler: supports retry operations
+- ✅ Message handler: supports service worker communication
+- ✅ Global error handlers present
+
+**Service Worker Registration (`svelte.config.js`):**
+- ✅ `serviceWorker.register: true` enabled
+- ✅ SvelteKit handles registration automatically
+
+**Manifest Link (`src/app.html`):**
+- ✅ `<link rel="manifest" href="/manifest.json">` present in head
+
+**Client-Side Managers:**
+- ✅ `PushNotificationManager.ts`: Full implementation with permission, subscribe, unsubscribe
+- ✅ `PWAInstallManager.ts`: beforeinstallprompt handling, install prompt triggering
+- ✅ Both are SSR-safe with browser guards
+
+**Share Target (`/share` route):**
+- ✅ Route exists at `src/routes/share/+page.svelte`
+- ✅ Parses query params (text, url) from share target
+- ✅ Extracts Instagram URLs from shared text
+- ✅ Auto-processes URLs on mount
+- ✅ Enqueues items and redirects to dashboard
+
+**Icons/Assets Issue:**
+- ⚠️ **CRITICAL**: `manifest.json` references `/favicon.png` but file doesn't exist
+- ✅ `src/lib/assets/favicon.svg` exists (used in layout)
+- ⚠️ No PNG icons in `static/` folder
+- ⚠️ Service worker references `/favicon.png` for notifications
+
+**Push Notifications Infrastructure:**
+- ✅ VAPID keys configured in `queueConfig.push` (uses env vars or defaults)
+- ✅ Server endpoint: `/api/notifications/vapid-key` (GET)
+- ✅ Server endpoint: `/api/notifications/subscribe` (POST/DELETE)
+- ✅ PushNotificationService stores subscriptions in-memory
+- ℹ️ Note: Subscriptions are not persisted (lost on restart)
+
+#### What Works Already:
+1. **PWA Structure**: Complete Native SvelteKit PWA implementation
+2. **Service Worker**: Fully functional with caching, push, notifications
+3. **Push Notifications**: Client and server infrastructure in place
+4. **Share Target**: Configured in manifest and `/share` route working
+5. **Install Prompts**: PWAInstallManager ready to trigger install
+6. **HTTPS**: App served at https://localhost:5173/
+
+#### What Needs Attention:
+1. **Icons**: Create PNG icons (192x192, 512x512) from existing SVG
+2. **Icon Verification**: Ensure icons are properly sized and optimized
+3. **Installability Testing**: Verify all criteria met via chrome://pwa-internals
+4. **Push Notification Testing**: Verify VAPID key generation and push flow
+5. **Share Target Testing**: Test share from external apps (Instagram)
+6. **Manifest Enhancement**: Add description, categories for better discoverability
+
+#### Dependencies & Constraints (from ARCHITECTURE.md, CODE_STYLE.md):
+- Using native SvelteKit PWA (no plugins needed)
+- Service worker: `$service-worker` module provides build, files, version
+- Environment: uses `$env/dynamic/private` for server configs
+- HTTPS required (already configured at https://localhost:5173/)
+- TypeScript strict mode enabled
+- All file paths must use SvelteKit path aliases (`$lib`, `$service-worker`)
+
+#### Code Style Requirements (from CODE_STYLE.md):
+- FilesNaming: manifest.json, service-worker.ts, lowercase for utilities
+- Type annotations required for public APIs
+- SSR-safe code: all browser API usage must be guarded with `browser` check
+- Error handling: try-catch with descriptive messages
+- Comments: JSDoc for public APIs, inline for complex logic
+
+---
+
+**Document Version:** 1.1  
+**Last Updated by:** Planner Agent  
+**Next Update:** Developer Agent
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,6 +12,7 @@
                "date-fns": "^4.1.0",
                "openai": "^4.20.0",
                "playwright": "^1.56.1",
+                "sharp": "^0.34.5",
                "uuid": "^13.0.0",
                "zod": "^3.23.0"
            },
@@ -206,6 +207,16 @@
                "node": ">=18"
            }
        },
+        "node_modules/@emnapi/runtime": {
+            "version": "1.8.1",
+            "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.8.1.tgz",
+            "integrity": "sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg==",
+            "license": "MIT",
+            "optional": true,
+            "dependencies": {
+                "tslib": "^2.4.0"
+            }
+        },
        "node_modules/@esbuild/aix-ppc64": {
            "version": "0.25.12",
            "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz",
@@ -878,6 +889,471 @@
                "url": "https://github.com/sponsors/nzakas"
            }
        },
+        "node_modules/@img/colour": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.0.0.tgz",
+            "integrity": "sha512-A5P/LfWGFSl6nsckYtjw9da+19jB8hkJ6ACTGcDfEJ0aE+l2n2El7dsVM7UVHZQ9s2lmYMWlrS21YLy2IR1LUw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@img/sharp-darwin-arm64": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.5.tgz",
+            "integrity": "sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "Apache-2.0",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            },
+            "optionalDependencies": {
+                "@img/sharp-libvips-darwin-arm64": "1.2.4"
+            }
+        },
+        "node_modules/@img/sharp-darwin-x64": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.5.tgz",
+            "integrity": "sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "Apache-2.0",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            },
+            "optionalDependencies": {
+                "@img/sharp-libvips-darwin-x64": "1.2.4"
+            }
+        },
+        "node_modules/@img/sharp-libvips-darwin-arm64": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.2.4.tgz",
+            "integrity": "sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "LGPL-3.0-or-later",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            }
+        },
+        "node_modules/@img/sharp-libvips-darwin-x64": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.4.tgz",
+            "integrity": "sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "LGPL-3.0-or-later",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            }
+        },
+        "node_modules/@img/sharp-libvips-linux-arm": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.4.tgz",
+            "integrity": "sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==",
+            "cpu": [
+                "arm"
+            ],
+            "license": "LGPL-3.0-or-later",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            }
+        },
+        "node_modules/@img/sharp-libvips-linux-arm64": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.4.tgz",
+            "integrity": "sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "LGPL-3.0-or-later",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            }
+        },
+        "node_modules/@img/sharp-libvips-linux-ppc64": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.4.tgz",
+            "integrity": "sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==",
+            "cpu": [
+                "ppc64"
+            ],
+            "license": "LGPL-3.0-or-later",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            }
+        },
+        "node_modules/@img/sharp-libvips-linux-riscv64": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-riscv64/-/sharp-libvips-linux-riscv64-1.2.4.tgz",
+            "integrity": "sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==",
+            "cpu": [
+                "riscv64"
+            ],
+            "license": "LGPL-3.0-or-later",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            }
+        },
+        "node_modules/@img/sharp-libvips-linux-s390x": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.4.tgz",
+            "integrity": "sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==",
+            "cpu": [
+                "s390x"
+            ],
+            "license": "LGPL-3.0-or-later",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            }
+        },
+        "node_modules/@img/sharp-libvips-linux-x64": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.4.tgz",
+            "integrity": "sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "LGPL-3.0-or-later",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            }
+        },
+        "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.4.tgz",
+            "integrity": "sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "LGPL-3.0-or-later",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            }
+        },
+        "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.4.tgz",
+            "integrity": "sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "LGPL-3.0-or-later",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            }
+        },
+        "node_modules/@img/sharp-linux-arm": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.5.tgz",
+            "integrity": "sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==",
+            "cpu": [
+                "arm"
+            ],
+            "license": "Apache-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            },
+            "optionalDependencies": {
+                "@img/sharp-libvips-linux-arm": "1.2.4"
+            }
+        },
+        "node_modules/@img/sharp-linux-arm64": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.5.tgz",
+            "integrity": "sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "Apache-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            },
+            "optionalDependencies": {
+                "@img/sharp-libvips-linux-arm64": "1.2.4"
+            }
+        },
+        "node_modules/@img/sharp-linux-ppc64": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.5.tgz",
+            "integrity": "sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==",
+            "cpu": [
+                "ppc64"
+            ],
+            "license": "Apache-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            },
+            "optionalDependencies": {
+                "@img/sharp-libvips-linux-ppc64": "1.2.4"
+            }
+        },
+        "node_modules/@img/sharp-linux-riscv64": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/@img/sharp-linux-riscv64/-/sharp-linux-riscv64-0.34.5.tgz",
+            "integrity": "sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==",
+            "cpu": [
+                "riscv64"
+            ],
+            "license": "Apache-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            },
+            "optionalDependencies": {
+                "@img/sharp-libvips-linux-riscv64": "1.2.4"
+            }
+        },
+        "node_modules/@img/sharp-linux-s390x": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.5.tgz",
+            "integrity": "sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==",
+            "cpu": [
+                "s390x"
+            ],
+            "license": "Apache-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            },
+            "optionalDependencies": {
+                "@img/sharp-libvips-linux-s390x": "1.2.4"
+            }
+        },
+        "node_modules/@img/sharp-linux-x64": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.5.tgz",
+            "integrity": "sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "Apache-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            },
+            "optionalDependencies": {
+                "@img/sharp-libvips-linux-x64": "1.2.4"
+            }
+        },
+        "node_modules/@img/sharp-linuxmusl-arm64": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.5.tgz",
+            "integrity": "sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "Apache-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            },
+            "optionalDependencies": {
+                "@img/sharp-libvips-linuxmusl-arm64": "1.2.4"
+            }
+        },
+        "node_modules/@img/sharp-linuxmusl-x64": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.5.tgz",
+            "integrity": "sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "Apache-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            },
+            "optionalDependencies": {
+                "@img/sharp-libvips-linuxmusl-x64": "1.2.4"
+            }
+        },
+        "node_modules/@img/sharp-wasm32": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.5.tgz",
+            "integrity": "sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==",
+            "cpu": [
+                "wasm32"
+            ],
+            "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+            "optional": true,
+            "dependencies": {
+                "@emnapi/runtime": "^1.7.0"
+            },
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            }
+        },
+        "node_modules/@img/sharp-win32-arm64": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.5.tgz",
+            "integrity": "sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==",
+            "cpu": [
+                "arm64"
+            ],
+            "license": "Apache-2.0 AND LGPL-3.0-or-later",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            }
+        },
+        "node_modules/@img/sharp-win32-ia32": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.5.tgz",
+            "integrity": "sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==",
+            "cpu": [
+                "ia32"
+            ],
+            "license": "Apache-2.0 AND LGPL-3.0-or-later",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            }
+        },
+        "node_modules/@img/sharp-win32-x64": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.5.tgz",
+            "integrity": "sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==",
+            "cpu": [
+                "x64"
+            ],
+            "license": "Apache-2.0 AND LGPL-3.0-or-later",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            }
+        },
        "node_modules/@jridgewell/gen-mapping": {
            "version": "0.3.13",
            "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
@@ -2749,7 +3225,6 @@
            "version": "2.1.2",
            "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
            "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
-            "dev": true,
            "license": "Apache-2.0",
            "engines": {
                "node": ">=8"
@@ -5041,7 +5516,6 @@
            "version": "7.7.3",
            "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
            "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
-            "dev": true,
            "license": "ISC",
            "bin": {
                "semver": "bin/semver.js"
@@ -5057,6 +5531,50 @@
            "dev": true,
            "license": "MIT"
        },
+        "node_modules/sharp": {
+            "version": "0.34.5",
+            "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.5.tgz",
+            "integrity": "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==",
+            "hasInstallScript": true,
+            "license": "Apache-2.0",
+            "dependencies": {
+                "@img/colour": "^1.0.0",
+                "detect-libc": "^2.1.2",
+                "semver": "^7.7.3"
+            },
+            "engines": {
+                "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/libvips"
+            },
+            "optionalDependencies": {
+                "@img/sharp-darwin-arm64": "0.34.5",
+                "@img/sharp-darwin-x64": "0.34.5",
+                "@img/sharp-libvips-darwin-arm64": "1.2.4",
+                "@img/sharp-libvips-darwin-x64": "1.2.4",
+                "@img/sharp-libvips-linux-arm": "1.2.4",
+                "@img/sharp-libvips-linux-arm64": "1.2.4",
+                "@img/sharp-libvips-linux-ppc64": "1.2.4",
+                "@img/sharp-libvips-linux-riscv64": "1.2.4",
+                "@img/sharp-libvips-linux-s390x": "1.2.4",
+                "@img/sharp-libvips-linux-x64": "1.2.4",
+                "@img/sharp-libvips-linuxmusl-arm64": "1.2.4",
+                "@img/sharp-libvips-linuxmusl-x64": "1.2.4",
+                "@img/sharp-linux-arm": "0.34.5",
+                "@img/sharp-linux-arm64": "0.34.5",
+                "@img/sharp-linux-ppc64": "0.34.5",
+                "@img/sharp-linux-riscv64": "0.34.5",
+                "@img/sharp-linux-s390x": "0.34.5",
+                "@img/sharp-linux-x64": "0.34.5",
+                "@img/sharp-linuxmusl-arm64": "0.34.5",
+                "@img/sharp-linuxmusl-x64": "0.34.5",
+                "@img/sharp-wasm32": "0.34.5",
+                "@img/sharp-win32-arm64": "0.34.5",
+                "@img/sharp-win32-ia32": "0.34.5",
+                "@img/sharp-win32-x64": "0.34.5"
+            }
+        },
        "node_modules/shebang-command": {
            "version": "2.0.0",
            "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -5405,6 +5923,13 @@
                "typescript": ">=4.8.4"
            }
        },
+        "node_modules/tslib": {
+            "version": "2.8.1",
+            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+            "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+            "license": "0BSD",
+            "optional": true
+        },
        "node_modules/type-check": {
            "version": "0.4.0",
            "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
--- a/package.json
+++ b/package.json
@@ -47,6 +47,7 @@
        "date-fns": "^4.1.0",
        "openai": "^4.20.0",
        "playwright": "^1.56.1",
+        "sharp": "^0.34.5",
        "uuid": "^13.0.0",
        "zod": "^3.23.0"
    }
--- a/secrets/auth.json
+++ b/secrets/auth.json
@@ -5,7 +5,7 @@
      "value": "SDRORLyWEsWWty2ZoVGdER",
      "domain": ".instagram.com",
      "path": "/",
-      "expires": 1805792736.022295,
+      "expires": 1805800160.063011,
      "httpOnly": false,
      "secure": true,
      "sameSite": "Lax"
@@ -45,7 +45,7 @@
      "value": "59661903731",
      "domain": ".instagram.com",
      "path": "/",
-      "expires": 1779008736.02238,
+      "expires": 1779016160.063112,
      "httpOnly": false,
      "secure": true,
      "sameSite": "None"
@@ -65,14 +65,14 @@
      "value": "1280x720",
      "domain": ".instagram.com",
      "path": "/",
-      "expires": 1771837537,
+      "expires": 1771844962,
      "httpOnly": false,
      "secure": true,
      "sameSite": "Lax"
    },
    {
      "name": "rur",
-      "value": "\"CLN\\05459661903731\\0541802768735:01fe34704641561c6ed37bf16859325013ed352014b25962418c499d479983b6e579b321\"",
+      "value": "\"CLN\\05459661903731\\0541802776160:01fe4a2af312a4a53c101bc8cd61c34ba931eb14a5553a656ce440fa654b579d6cf960af\"",
      "domain": ".instagram.com",
      "path": "/",
      "expires": -1,
@@ -87,39 +87,47 @@
      "localStorage": [
        {
          "name": "chatd-deviceid",
-          "value": "e884b61b-6fec-41c6-9587-2081a703df8a"
-        },
-        {
-          "name": "hb_timestamp",
-          "value": "1771231102978"
+          "value": "1aa1484c-fbba-44d9-8b1e-1c19a275a8ca"
        },
        {
          "name": "IGSession",
-          "value": "53laur:1771234537846"
+          "value": "hpur03:1771241962285"
+        },
+        {
+          "name": "mutex_polaris_banzai",
+          "value": "jp6r38:1771240163284"
        },
        {
          "name": "pixel_fire_ts",
          "value": "1771121302843"
        },
-        {
-          "name": "signal_flush_timestamp",
-          "value": "1771231102993"
-        },
        {
          "name": "Session",
-          "value": "glrtqk:1771232772846"
+          "value": "dbjbai:1771240197285"
        },
        {
          "name": "has_interop_upgraded",
          "value": "{\"lastCheckedAt\":1766366944051,\"status\":false}"
        },
        {
-          "name": "ig_boost_on_web_campaign_upsell_shown",
-          "value": "false"
+          "name": "mutex_banzai",
+          "value": "jp6r38:1771240163284"
        },
        {
          "name": "banzai:last_storage_flush",
          "value": "1771205738044.8"
+        },
+        {
+          "name": "hb_timestamp",
+          "value": "1771239264002"
+        },
+        {
+          "name": "signal_flush_timestamp",
+          "value": "1771239264014"
+        },
+        {
+          "name": "ig_boost_on_web_campaign_upsell_shown",
+          "value": "false"
        }
      ]
    }
--- a/static/favicon.png
+++ b/static/favicon.png
--- a/static/icon-512.png
+++ b/static/icon-512.png
--- a/static/manifest.json
+++ b/static/manifest.json
@@ -10,12 +10,14 @@
    {
      "src": "/favicon.png",
      "sizes": "192x192",
-      "type": "image/png"
+      "type": "image/png",
+      "purpose": "any maskable"
    },
    {
-      "src": "/favicon.png",
-      "sizes": "512x512", 
-      "type": "image/png"
+      "src": "/icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any maskable"
    }
  ],
  "share_target": {