fix(icons): serve icons no-cache so updates propagate (2.5.2)

Icon route used Cache-Control: public, max-age=86400, so changed icons stayed
stuck in CF + browser caches for a day. Switch to no-cache (revalidate; Express
ETag => 304 when unchanged) so icon edits show up immediately.

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

lib/api/routes/icon_sets.js

@@ -20,7 +20,10 @@ router.get('/:set/:file', asyncWrap(async (req, res) => {
   try { buf = await sets.readIcon(req.params.set, req.params.file); }
   catch (e) { return res.status(e.message === 'bad_slug' ? 400 : 404).end(); }
   const ct = req.params.file.endsWith('.svg') ? 'image/svg+xml' : 'image/png';
-  res.set('Content-Type', ct).set('Cache-Control', 'public, max-age=86400').send(buf);
+  // no-cache => browsers/CF revalidate (304 via Express's ETag when unchanged), so
+  // icon updates propagate immediately instead of being stuck for a day. Icons are
+  // tiny, so the revalidation cost is negligible.
+  res.set('Content-Type', ct).set('Cache-Control', 'no-cache').send(buf);
 }));
 
 // POST /api/icon-sets/:set — owner upload: multipart files (incl .zip) and/or { url }.

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "void-server",
-  "version": "2.5.0",
+  "version": "2.5.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "void-server",
-      "version": "2.5.0",
+      "version": "2.5.2",
       "dependencies": {
         "@modelcontextprotocol/sdk": "^1.29.0",
         "@mozilla/readability": "^0.6.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "void-server",
-  "version": "2.5.0",
+  "version": "2.5.2",
   "type": "module",
   "private": true,
   "scripts": {

public/icons/devices/camera.svg

@@ -10,7 +10,7 @@ unicode: "ea54"
   height="24"
   viewBox="0 0 24 24"
   fill="none"
-  stroke="currentColor"
+  stroke="#e8e6ed"
   stroke-width="2"
   stroke-linecap="round"
   stroke-linejoin="round"

public/icons/devices/console.svg

@@ -10,7 +10,7 @@ unicode: "f1d2"
   height="24"
   viewBox="0 0 24 24"
   fill="none"
-  stroke="currentColor"
+  stroke="#e8e6ed"
   stroke-width="2"
   stroke-linecap="round"
   stroke-linejoin="round"

public/icons/devices/desktop.svg

@@ -10,7 +10,7 @@ unicode: "ea89"
   height="24"
   viewBox="0 0 24 24"
   fill="none"
-  stroke="currentColor"
+  stroke="#e8e6ed"
   stroke-width="2"
   stroke-linecap="round"
   stroke-linejoin="round"

public/icons/devices/laptop.svg

@@ -10,7 +10,7 @@ unicode: "eb64"
   height="24"
   viewBox="0 0 24 24"
   fill="none"
-  stroke="currentColor"
+  stroke="#e8e6ed"
   stroke-width="2"
   stroke-linecap="round"
   stroke-linejoin="round"

public/icons/devices/nas.svg

@@ -10,7 +10,7 @@ unicode: "ea88"
   height="24"
   viewBox="0 0 24 24"
   fill="none"
-  stroke="currentColor"
+  stroke="#e8e6ed"
   stroke-width="2"
   stroke-linecap="round"
   stroke-linejoin="round"

public/icons/devices/phone.svg

@@ -10,7 +10,7 @@ unicode: "ea8a"
   height="24"
   viewBox="0 0 24 24"
   fill="none"
-  stroke="currentColor"
+  stroke="#e8e6ed"
   stroke-width="2"
   stroke-linecap="round"
   stroke-linejoin="round"

public/icons/devices/plug.svg

@@ -10,7 +10,7 @@ unicode: "ebd9"
   height="24"
   viewBox="0 0 24 24"
   fill="none"
-  stroke="currentColor"
+  stroke="#e8e6ed"
   stroke-width="2"
   stroke-linecap="round"
   stroke-linejoin="round"

public/icons/devices/printer.svg

@@ -10,7 +10,7 @@ unicode: "eb0e"
   height="24"
   viewBox="0 0 24 24"
   fill="none"
-  stroke="currentColor"
+  stroke="#e8e6ed"
   stroke-width="2"
   stroke-linecap="round"
   stroke-linejoin="round"

public/icons/devices/router.svg

@@ -10,7 +10,7 @@ unicode: "eb18"
   height="24"
   viewBox="0 0 24 24"
   fill="none"
-  stroke="currentColor"
+  stroke="#e8e6ed"
   stroke-width="2"
   stroke-linecap="round"
   stroke-linejoin="round"

public/icons/devices/server.svg

@@ -10,7 +10,7 @@ unicode: "eb1f"
   height="24"
   viewBox="0 0 24 24"
   fill="none"
-  stroke="currentColor"
+  stroke="#e8e6ed"
   stroke-width="2"
   stroke-linecap="round"
   stroke-linejoin="round"

public/icons/devices/speaker.svg

@@ -10,7 +10,7 @@ unicode: "ed61"
   height="24"
   viewBox="0 0 24 24"
   fill="none"
-  stroke="currentColor"
+  stroke="#e8e6ed"
   stroke-width="2"
   stroke-linecap="round"
   stroke-linejoin="round"

public/icons/devices/tablet.svg

@@ -10,7 +10,7 @@ unicode: "ea8c"
   height="24"
   viewBox="0 0 24 24"
   fill="none"
-  stroke="currentColor"
+  stroke="#e8e6ed"
   stroke-width="2"
   stroke-linecap="round"
   stroke-linejoin="round"

public/icons/devices/tv.svg

@@ -10,7 +10,7 @@ unicode: "ea8d"
   height="24"
   viewBox="0 0 24 24"
   fill="none"
-  stroke="currentColor"
+  stroke="#e8e6ed"
   stroke-width="2"
   stroke-linecap="round"
   stroke-linejoin="round"

public/icons/devices/unknown.svg

@@ -10,7 +10,7 @@ version: "3.5"
   height="24"
   viewBox="0 0 24 24"
   fill="none"
-  stroke="currentColor"
+  stroke="#e8e6ed"
   stroke-width="2"
   stroke-linecap="round"
   stroke-linejoin="round"

public/icons/devices/watch.svg

@@ -10,7 +10,7 @@ unicode: "ebf9"
   height="24"
   viewBox="0 0 24 24"
   fill="none"
-  stroke="currentColor"
+  stroke="#e8e6ed"
   stroke-width="2"
   stroke-linecap="round"
   stroke-linejoin="round"

public/style.css

@@ -647,14 +647,14 @@ body.drawer-open #scrim { opacity: 1; pointer-events: auto; }
 .sv-cluster .st-fill.bad { background: var(--bad); }
 .sv-cluster .sv-subhdr { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; margin: 11px 0 5px; font-family: var(--font-mono); }
 
-.dv-icon { width: 20px; height: 20px; object-fit: contain; opacity: .9; }
+.dv-icon { width: 30px; height: 30px; object-fit: contain; opacity: .95; }
-.dv-icon-fb { width: 20px; height: 20px; display: grid; place-items: center; font-size: 11px; background: var(--panel-2, #1b1b22); border-radius: 4px; }
+.dv-icon-fb { width: 30px; height: 30px; display: grid; place-items: center; font-size: 14px; color: var(--text); background: var(--panel-2, #1b1b22); border-radius: 4px; }
 .dv-seen { font-size: 11px; color: var(--muted, #8a8a94); }
 .icon-picker { border: 1px solid var(--border, #2a2a36); border-radius: 6px; padding: 6px; margin-top: 6px; max-width: 320px; }
 .ip-tabs { display: flex; gap: 4px; margin-bottom: 6px; }
 .ip-tab.active { color: var(--accent, #ff4f2e); border-bottom: 1px solid var(--accent, #ff4f2e); }
 .ip-grid { display: flex; flex-wrap: wrap; gap: 6px; }
-.ip-icon { width: 34px; height: 34px; display: grid; place-items: center; background: transparent; border: 1px solid var(--border, #2a2a36); border-radius: 4px; cursor: pointer; }
+.ip-icon { width: 40px; height: 40px; display: grid; place-items: center; background: transparent; border: 1px solid var(--border, #2a2a36); border-radius: 4px; cursor: pointer; }
-.ip-icon img { width: 22px; height: 22px; object-fit: contain; }
+.ip-icon img { width: 28px; height: 28px; object-fit: contain; }
 .ip-set-hd, .isp-hd { font-size: 12px; margin: 6px 0 3px; text-transform: capitalize; }
 .isp-upload { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }

server.js

@@ -15,7 +15,7 @@ import { mcpAuth } from './lib/api/middleware/mcp_auth.js';
 import { handleMcp } from './lib/mcp/http.js';
 import httpProxy from 'http-proxy';
 
-const VERSION = '2.5.0';
+const VERSION = '2.5.2';
 
 // Proxy /terminal (+ its WebSocket) to ttyd on CT 300, so the embedded terminal
 // works whether the Void is reached via Traefik (void2-app.hynesy.com) OR the