chore: bump version to 0.1504

CLAUDE.md

@@ -25,7 +25,7 @@ When user says "COM":
 1. Increment version in BOTH `package.json` AND `CLAUDE.md` (verify they match with `grep version package.json && grep Version CLAUDE.md`)
 2. Run: `git add -A && git commit -m "chore: bump version to X.XXXX" && git push && npm run build && systemctl --user restart claudeman-web`
 
-**Version**: 0.1503 (must match `package.json` for npm publish)
+**Version**: 0.1504 (must match `package.json` for npm publish)
 
 ## Project Overview
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "claudeman",
-  "version": "0.1503",
+  "version": "0.1504",
   "description": "The missing control plane for Claude Code - run 20 autonomous agents with real-time monitoring and session persistence",
   "type": "module",
   "main": "dist/index.js",
@@ -36,6 +36,7 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
+    "@fastify/compress": "^8.3.1",
     "@fastify/static": "^8.0.0",
     "chalk": "^5.3.0",
     "chokidar": "^3.6.0",

src/web/public/index.html

@@ -7,10 +7,15 @@
   <meta name="theme-color" content="#0a0a0a">
   <title>Claudeman</title>
   <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%2360a5fa'/%3E%3Cstop offset='100%25' stop-color='%233b82f6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='32' height='32' rx='6' fill='%230a0a0a'/%3E%3Cpath d='M18 4L8 18h6l-2 10 10-14h-6z' fill='url(%23g)'/%3E%3C/svg%3E">
+  <!-- DNS preconnect for CDN — saves ~100ms on first load -->
+  <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
+  <link rel="dns-prefetch" href="https://cdn.jsdelivr.net">
   <link rel="stylesheet" href="styles.css">
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/xterm@5.3.0/css/xterm.css">
-  <script src="https://cdn.jsdelivr.net/npm/xterm@5.3.0/lib/xterm.min.js"></script>
+  <!-- Defer CDN scripts — they no longer block initial HTML parsing/paint.
-  <script src="https://cdn.jsdelivr.net/npm/xterm-addon-fit@0.8.0/lib/xterm-addon-fit.min.js"></script>
+       'defer' preserves execution order (xterm loads before fit addon). -->
+  <script defer src="https://cdn.jsdelivr.net/npm/xterm@5.3.0/lib/xterm.min.js"></script>
+  <script defer src="https://cdn.jsdelivr.net/npm/xterm-addon-fit@0.8.0/lib/xterm-addon-fit.min.js"></script>
 </head>
 <body>
   <!-- Skip link for keyboard users -->
@@ -1487,6 +1492,6 @@
     <!-- Lines drawn dynamically -->
   </svg>
 
-  <script src="app.js"></script>
+  <script defer src="app.js"></script>
 </body>
 </html>

src/web/server.ts

@@ -11,6 +11,7 @@
  */
 
 import Fastify, { FastifyInstance, FastifyReply } from 'fastify';
+import fastifyCompress from '@fastify/compress';
 import fastifyStatic from '@fastify/static';
 import path, { join, dirname, resolve, relative, isAbsolute } from 'node:path';
 import { fileURLToPath } from 'node:url';
@@ -496,10 +497,19 @@ export class WebServer extends EventEmitter {
   }
 
   private async setupRoutes(): Promise<void> {
-    // Serve static files
+    // Enable gzip/brotli compression for all responses.
+    // Massive win: 793KB uncompressed → ~120KB compressed for static assets.
+    // Threshold 1024 = don't compress tiny responses (headers > savings).
+    await this.app.register(fastifyCompress, {
+      threshold: 1024,
+    });
+
+    // Serve static files with caching headers for immutable CDN-like assets
     await this.app.register(fastifyStatic, {
       root: join(__dirname, 'public'),
       prefix: '/',
+      // Cache static assets for 1 hour (they change on deploy, not during session)
+      maxAge: '1h',
     });
 
     // SSE endpoint for real-time updates