feat(branding): use the generated deckd mark across every icon surface

Justfile

@@ -226,6 +226,24 @@ ladle:
 screenshots:
     cd client && node screenshots.mjs
 
+# Rasterises client/public/icon.svg (the source of truth) into the PWA any +
+# maskable PNGs, the apple-touch-icon, and packaging/macos/deckd.icns. Uses
+# the e2e Chromium, so client/node_modules must be installed; the .icns step
+# is macOS-only (iconutil) and is skipped elsewhere.
+#
+# Regenerate all app icons from the brand SVG
+icons:
+    #!/usr/bin/env bash
+    set -euo pipefail
+    cd client && node render-icons.mjs
+    cd ..
+    if command -v iconutil >/dev/null 2>&1; then
+        iconutil -c icns build/deckd.iconset -o packaging/macos/deckd.icns
+        echo "Wrote packaging/macos/deckd.icns"
+    else
+        echo "iconutil not found (not macOS); skipped .icns, PNGs are up to date."
+    fi
+
 # Run the full verification ladder (docs/ONBOARDING.md) in order:
 # typechecks first (cheap gates), then Python unit/integration, then
 # TypeScript compile, client unit tests, Playwright e2e, the daemon

client/index.html

@@ -10,7 +10,8 @@
          (root in dev, /deckd/ on Project Pages). -->
     <link rel="manifest" href="manifest.json" />
     <link rel="icon" type="image/svg+xml" href="icon.svg" />
-    <link rel="apple-touch-icon" href="icon.svg" />
+    <link rel="icon" type="image/png" sizes="192x192" href="icon-192.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-title" content="deckd" />
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

client/public/manifest.json

@@ -10,10 +10,34 @@
   "orientation": "any",
   "icons": [
     {
-      "src": "/icon.svg",
+      "src": "icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "icon-maskable-192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "icon-maskable-512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "icon.svg",
       "sizes": "any",
       "type": "image/svg+xml",
-      "purpose": "any maskable"
+      "purpose": "any"
     }
   ]
 }