pmx-canvas 0.4.3 → 0.4.4

package/src/client/theme/surface-theme.css

@@ -281,6 +281,38 @@
   --color-danger: #E57373;
 }
 
+:root[data-theme="volt"] {
+  /* ── Core palette (volt · green-tinted charcoal + coral) ── */
+  --c-bg: #0B0D0B;
+  --c-panel: #171A17;
+  --c-panel-soft: #111311;
+  --c-line: #272A27;
+  --c-text: #F6FFF5;
+  --c-text-soft: #CBD3CA;
+  --c-muted: #9CA49C;
+  --c-dim: #626962;
+  --c-accent: #F34E3F;
+  --c-ok: #52C880;
+  --c-warn: #E4C465;
+  --c-warn-alt: #FFB300;
+  --c-danger: #D67670;
+  --c-purple: #BC8FB4;
+
+  --color-bg: #0B0D0B;
+  --color-panel: #171A17;
+  --color-surface: #111311;
+  --color-border: #272A27;
+  --color-text: #F6FFF5;
+  --color-text-primary: #F6FFF5;
+  --color-text-secondary: #CBD3CA;
+  --color-text-muted: #9CA49C;
+  --color-text-dim: #626962;
+  --color-accent: #F34E3F;
+  --color-success: #52C880;
+  --color-warning: #E4C465;
+  --color-danger: #D67670;
+}
+
 html,
 body {
   margin: 0;

package/src/server/operations/ops/canvas-wire.ts

@@ -33,7 +33,7 @@ const themeSetShape = {
     .unknown()
     .optional()
     .describe(
-      'Theme name from the canvas theme registry (e.g. dark, light, high-contrast, midnight, sepia, arctic, ember, forest)',
+      'Theme name from the canvas theme registry (e.g. dark, light, high-contrast, midnight, sepia, arctic, ember, forest, volt)',
     ),
 };
 const themeSetSchema = z.looseObject(themeSetShape);

package/src/server/server.ts

@@ -977,12 +977,23 @@ function canvasSpaHtml(): string {
           : 'PMX Canvas hit a browser error while loading.';
         actions.hidden = false;
       });
-      setTimeout(function () {
+      var showNotBooted = function () {
         if (!bootstrap || !copy || !actions) return;
         if (bootstrap.classList.contains('ready')) return;
         copy.textContent = 'PMX Canvas did not finish booting. Reload the canvas or restart the server.';
         actions.hidden = false;
-      }, 4000);
+      };
+      var bootDeadline = setTimeout(showNotBooted, 4000);
+      // The client dispatches this when the SSE watchdog falls back to the
+      // polling transport mid-boot (buffering proxies): restart the deadline
+      // instead of alarming while the fallback is already recovering.
+      window.addEventListener('pmx-canvas-boot-extend', function () {
+        if (!bootstrap || bootstrap.classList.contains('ready')) return;
+        clearTimeout(bootDeadline);
+        if (copy) copy.textContent = 'Live stream blocked by a proxy — switching to polling...';
+        if (actions) actions.hidden = true;
+        bootDeadline = setTimeout(showNotBooted, 8000);
+      });
     })();
   </script>
   ${

package/src/shared/themes.ts

@@ -19,6 +19,7 @@ export const CANVAS_THEMES = [
   'arctic',
   'ember',
   'forest',
+  'volt',
 ] as const;
 
 export type CanvasThemeName = (typeof CANVAS_THEMES)[number];
@@ -50,6 +51,7 @@ export const CANVAS_THEME_META: Record<CanvasThemeName, CanvasThemeMeta> = {
   arctic: { label: 'Arctic', scheme: 'dark', swatchBg: '#20242E', swatchAccent: '#7FC8DE' },
   ember: { label: 'Ember', scheme: 'dark', swatchBg: '#0B0B0C', swatchAccent: '#F34E1C' },
   forest: { label: 'Forest', scheme: 'dark', swatchBg: '#0C1712', swatchAccent: '#5CCF8F' },
+  volt: { label: 'Volt', scheme: 'dark', swatchBg: '#0B0D0B', swatchAccent: '#F34E3F' },
 };
 
 /** Collapse a theme to the dark/light scheme embedded dark|light-only viewers understand. */