pmx-canvas 0.4.2 → 0.4.3

package/src/client/theme/global.css

@@ -337,16 +337,16 @@
 }
 
 :root[data-theme="ember"] {
-  /* ── Core palette (ember · charcoal + vivid warm orange) ─── */
-  --c-bg: #0E0E11;
-  --c-panel: #17181D;
-  --c-panel-soft: #121317;
-  --c-line: #2A2C34;
-  --c-text: #ECEDF0;
-  --c-text-soft: #C9CCD4;
-  --c-muted: #8E939F;
-  --c-dim: #5F646E;
-  --c-accent: #FF5C2E;
+  /* ── Core palette (ember · neutral charcoal + vivid orange-red) ─── */
+  --c-bg: #0B0B0C;
+  --c-panel: #161618;
+  --c-panel-soft: #101012;
+  --c-line: #29292C;
+  --c-text: #EDEBE6;
+  --c-text-soft: #CBC9C2;
+  --c-muted: #96948D;
+  --c-dim: #66655F;
+  --c-accent: #F34E1C;
   --c-ok: #4CC38A;
   --c-warn: #F5B944;
   --c-warn-alt: #FFB300;
@@ -354,23 +354,23 @@
   --c-purple: #A78BFA;
   --c-thinking: #A78BFA;
   --c-subagent: #38BDF8;
-  --c-input-bg: #121317;
-  --c-dot-grid: rgba(255, 92, 46, 0.08);
-  --c-panel-overlay: rgba(14, 14, 17, 0.6);
-  --c-panel-glass: rgba(23, 24, 29, 0.92);
+  --c-input-bg: #101012;
+  --c-dot-grid: rgba(243, 78, 28, 0.08);
+  --c-panel-overlay: rgba(11, 11, 12, 0.6);
+  --c-panel-glass: rgba(22, 22, 24, 0.92);
   --c-shadow: rgba(0, 0, 0, 0.3);
   --c-shadow-heavy: rgba(0, 0, 0, 0.5);
-  --c-glow-accent: rgba(255, 92, 46, 0.15);
+  --c-glow-accent: rgba(243, 78, 28, 0.15);
   --c-surface-hover: rgba(255, 255, 255, 0.06);
   --c-surface-subtle: rgba(255, 255, 255, 0.03);
   --c-surface-th: rgba(255, 255, 255, 0.04);
-  --c-accent-8: rgba(255, 92, 46, 0.08);
-  --c-accent-10: rgba(255, 92, 46, 0.1);
-  --c-accent-12: rgba(255, 92, 46, 0.12);
-  --c-accent-15: rgba(255, 92, 46, 0.15);
-  --c-accent-25: rgba(255, 92, 46, 0.25);
-  --c-accent-30: rgba(255, 92, 46, 0.3);
-  --c-accent-40: rgba(255, 92, 46, 0.4);
+  --c-accent-8: rgba(243, 78, 28, 0.08);
+  --c-accent-10: rgba(243, 78, 28, 0.1);
+  --c-accent-12: rgba(243, 78, 28, 0.12);
+  --c-accent-15: rgba(243, 78, 28, 0.15);
+  --c-accent-25: rgba(243, 78, 28, 0.25);
+  --c-accent-30: rgba(243, 78, 28, 0.3);
+  --c-accent-40: rgba(243, 78, 28, 0.4);
   --c-ok-10: rgba(76, 195, 138, 0.1);
   --c-ok-12: rgba(76, 195, 138, 0.12);
   --c-ok-20: rgba(76, 195, 138, 0.2);
@@ -383,12 +383,12 @@
   --c-warn-30: rgba(245, 185, 68, 0.3);
   --c-warn-60: rgba(245, 185, 68, 0.6);
   --c-danger-12: rgba(240, 86, 106, 0.12);
-  --c-line-30: rgba(42, 44, 52, 0.3);
-  --c-contrast-fg: #0E0E11;
-  --c-accent-hover: #FF7A52;
+  --c-line-30: rgba(41, 41, 44, 0.3);
+  --c-contrast-fg: #0B0B0C;
+  --c-accent-hover: #FF6B3A;
   --c-warn-hover: #F7C868;
   --c-canvas-wash: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(0, 0, 0, 0));
-  --c-annotation: #F2F2F4;
+  --c-annotation: #F2F0EB;
 }
 
 :root[data-theme="forest"] {
@@ -944,7 +944,6 @@ body,
 }
 
 .toolbar-group {
-  position: relative;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -953,6 +952,14 @@ body,
   max-width: 100%;
 }
 
+/* Positioning parent for a toolbar popover menu. Every menu MUST live inside
+   one of these wrapped around its trigger — anchoring to a wider ancestor
+   opens the menu far from the button (0.4.2 report Finding T). */
+.toolbar-menu-anchor {
+  position: relative;
+  display: inline-flex;
+}
+
 .canvas-toolbar button svg {
   display: block;
 }
@@ -1074,7 +1081,9 @@ body,
   }
 
   .toolbar-more {
-    display: contents;
+    /* inline-flex (NOT contents): this span is also the positioning anchor
+       for the More menu — display:contents cannot anchor absolute children. */
+    display: inline-flex;
   }
 }
 

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

@@ -218,32 +218,32 @@
 }
 
 :root[data-theme="ember"] {
-  /* ── Core palette (ember · charcoal + vivid warm orange) ─── */
-  --c-bg: #0E0E11;
-  --c-panel: #17181D;
-  --c-panel-soft: #121317;
-  --c-line: #2A2C34;
-  --c-text: #ECEDF0;
-  --c-text-soft: #C9CCD4;
-  --c-muted: #8E939F;
-  --c-dim: #5F646E;
-  --c-accent: #FF5C2E;
+  /* ── Core palette (ember · neutral charcoal + vivid orange-red) ─── */
+  --c-bg: #0B0B0C;
+  --c-panel: #161618;
+  --c-panel-soft: #101012;
+  --c-line: #29292C;
+  --c-text: #EDEBE6;
+  --c-text-soft: #CBC9C2;
+  --c-muted: #96948D;
+  --c-dim: #66655F;
+  --c-accent: #F34E1C;
   --c-ok: #4CC38A;
   --c-warn: #F5B944;
   --c-warn-alt: #FFB300;
   --c-danger: #F0566A;
   --c-purple: #A78BFA;
 
-  --color-bg: #0E0E11;
-  --color-panel: #17181D;
-  --color-surface: #121317;
-  --color-border: #2A2C34;
-  --color-text: #ECEDF0;
-  --color-text-primary: #ECEDF0;
-  --color-text-secondary: #C9CCD4;
-  --color-text-muted: #8E939F;
-  --color-text-dim: #5F646E;
-  --color-accent: #FF5C2E;
+  --color-bg: #0B0B0C;
+  --color-panel: #161618;
+  --color-surface: #101012;
+  --color-border: #29292C;
+  --color-text: #EDEBE6;
+  --color-text-primary: #EDEBE6;
+  --color-text-secondary: #CBC9C2;
+  --color-text-muted: #96948D;
+  --color-text-dim: #66655F;
+  --color-accent: #F34E1C;
   --color-success: #4CC38A;
   --color-warning: #F5B944;
   --color-danger: #F0566A;

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

@@ -10,7 +10,8 @@ import { z } from 'zod';
 import { normalizeCanvasTheme } from '../../canvas-db.js';
 import { applyCanvasNodeUpdates } from '../../canvas-operations.js';
 import { canvasState } from '../../canvas-state.js';
-import { defineOperation, type Operation } from '../types.js';
+import { CANVAS_THEMES, isCanvasTheme } from '../../../shared/themes.js';
+import { defineOperation, OperationError, type Operation } from '../types.js';
 
 const emptyShape = {};
 const emptySchema = z.looseObject(emptyShape);
@@ -47,6 +48,13 @@ const themeSetOperation = defineOperation<z.infer<typeof themeSetSchema>, Record
     path: '/api/canvas/theme',
   },
   handler: (input, ctx) => {
+    // Reject unknown names instead of silently keeping the prior theme
+    // (0.4.2 report: the soft-accept made typos look like successes).
+    if (input.theme !== undefined && !isCanvasTheme(input.theme)) {
+      throw new OperationError(
+        `Unknown theme ${JSON.stringify(input.theme)}. Valid themes: ${CANVAS_THEMES.join(', ')}.`,
+      );
+    }
     const theme = normalizeCanvasTheme(input.theme, canvasState.theme);
     const next = canvasState.setTheme(theme);
     ctx.emit('theme-changed', { theme: next });

package/src/shared/themes.ts

@@ -48,7 +48,7 @@ export const CANVAS_THEME_META: Record<CanvasThemeName, CanvasThemeMeta> = {
   midnight: { label: 'Midnight', scheme: 'dark', swatchBg: '#0A0D1C', swatchAccent: '#8B96FF' },
   sepia: { label: 'Sepia', scheme: 'light', swatchBg: '#F2E7D5', swatchAccent: '#B4632C' },
   arctic: { label: 'Arctic', scheme: 'dark', swatchBg: '#20242E', swatchAccent: '#7FC8DE' },
-  ember: { label: 'Ember', scheme: 'dark', swatchBg: '#0E0E11', swatchAccent: '#FF5C2E' },
+  ember: { label: 'Ember', scheme: 'dark', swatchBg: '#0B0B0C', swatchAccent: '#F34E1C' },
   forest: { label: 'Forest', scheme: 'dark', swatchBg: '#0C1712', swatchAccent: '#5CCF8F' },
 };