feat(pwa): complete PWA icon configuration

- Add favicon.svg (vector) and favicon.png (32x32) for browser tabs
- Add apple-touch-icon.png (180x180) for iOS home screen
- Update HTML with proper favicon and apple-touch-icon links
- Add SVG icon to manifest for better scalability
- Regenerate all PNG icons from high-res source (300dpi) for improved quality
- Update Service Worker to cache all icons (favicon, apple-touch-icon)
- Add logo-desktop.svg for future desktop use
- Add routes in API to serve new static assets
- Fix type annotations in _html.py for binary cache

All PWA icon requirements now met: favicon, touch icons, and manifest icons.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: jmlweb

.claude/ralph-loop.local.md

@@ -10,7 +10,7 @@
 are detected automatically without requiring a server restart.
 """
 
-from ._html import build_html
+from ._html import build_html, get_static_asset
 
 # CSP nonce placeholder for runtime replacement
 CSP_NONCE_PLACEHOLDER = "__CSP_NONCE__"
@@ -38,4 +38,5 @@ def get_dashboard() -> str:
     "HTML_DASHBOARD",
     "CSP_NONCE_PLACEHOLDER",
     "get_dashboard",
+    "get_static_asset",
 ]

webstatuspi/_dashboard/__init__.py

@@ -26,6 +26,9 @@
 _template_mtime: float = 0.0
 _static_cache: dict[str, str] = {}
 _static_mtimes: dict[str, float] = {}
+# Cache for binary static files (PNG, etc.)
+_static_binary_cache: dict[str, bytes] = {}
+_static_binary_mtimes: dict[str, float] = {}
 
 
 def _get_template() -> Template:
@@ -69,6 +72,37 @@ def _get_static_file(key: str) -> str:
     return _static_cache[key]
 
 
+def get_static_asset(filename: str, binary: bool = False) -> str | bytes | None:
+    """Get a static asset file by name, reloading if changed.
+
+    Supports hot-reload: changes are detected automatically without server restart.
+
+    Args:
+        filename: Name of the file in the static directory (e.g., "logo-desktop.svg").
+        binary: If True, return bytes; if False, return string (UTF-8).
+
+    Returns:
+        File content as string or bytes, or None if file doesn't exist.
+    """
+    path = _STATIC_DIR / filename
+
+    if not path.exists():
+        return None
+
+    current_mtime = path.stat().st_mtime
+
+    if binary:
+        if filename not in _static_binary_cache or current_mtime != _static_binary_mtimes.get(filename):
+            _static_binary_cache[filename] = path.read_bytes()
+            _static_binary_mtimes[filename] = current_mtime
+        return _static_binary_cache[filename]
+    else:
+        if filename not in _static_cache or current_mtime != _static_mtimes.get(filename):
+            _static_cache[filename] = path.read_text(encoding="utf-8")
+            _static_mtimes[filename] = current_mtime
+        return _static_cache[filename]
+
+
 def build_html() -> str:
     """Build the complete HTML dashboard from its components.
 

webstatuspi/_dashboard/_html.py

@@ -13,7 +13,9 @@
     <title>WebStatusπ // SYSTEM MONITOR</title>
     <!-- PWA manifest and icons -->
     <link rel="manifest" href="/manifest.json">
-    <link rel="apple-touch-icon" href="/icon-192.png">
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
     <style nonce="__CSP_NONCE__">$css
     </style>
 </head>
@@ -25,7 +27,9 @@
     </div>
     <div class="scanline-overlay" aria-hidden="true"></div>
     <header role="banner">
-        <h1><span class="logo-bracket">&lt;</span><span class="logo-text">WebStatusπ</span><span class="logo-bracket">/&gt;</span></h1>
+        <h1>
+            <img src="/logo-desktop.svg" alt="WebStatusPI" width="47" height="16" />
+        </h1>
         <div class="live-indicator" role="status" aria-live="polite" aria-label="Live feed status">
             <span class="live-dot" id="liveDot" aria-hidden="true"></span>
             <span id="liveStatusText">// LIVE FEED [10 sec]</span>