From d49f4bc1aa5dfd2ece32fa1ca8cf175d628f2175 Mon Sep 17 00:00:00 2001
From: ciregenz <ciregenz@berkeley.edu>
Date: Wed, 2 Sep 2026 11:00:35 -0700
Subject: [PATCH] [eric] canvas: the camera writer publishes --canvas-zoom for
 chrome that must not shrink with the map

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_015xkMseod9vJ3hCrE43ctDo
(cherry picked from commit f492d6af5c1bac1ec9e2c3966cf0907a80a4af86)
---
 .../pages/Dashboard/hooks/interaction/useCanvasControls.ts   | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/pages/Dashboard/hooks/interaction/useCanvasControls.ts b/frontend/src/app/pages/Dashboard/hooks/interaction/useCanvasControls.ts
index 8ffd4bbe..d85eb2ea 100644
--- a/frontend/src/app/pages/Dashboard/hooks/interaction/useCanvasControls.ts
+++ b/frontend/src/app/pages/Dashboard/hooks/interaction/useCanvasControls.ts
@@ -125,7 +125,10 @@ export function useCanvasControls(
   const applyLiveToDom = useCallback(() => {
     const { panX, panY, zoom } = stateRef.current;
     const content = contentRef.current;
-    if (content) content.style.transform = `translate(${panX}px, ${panY}px) scale(${zoom})`;
+    if (content) {
+      content.style.transform = `translate(${panX}px, ${panY}px) scale(${zoom})`;
+      content.style.setProperty('--canvas-zoom', String(zoom));
+    }
     const grid = gridRef.current;
     if (grid) {
       const spacing = 24 * zoom;