From dfd828c838b1f2c3e8d8ae0b15e98db4d59f71b8 Mon Sep 17 00:00:00 2001
From: ciregenz <ciregenz@berkeley.edu>
Date: Thu, 23 Jul 2026 14:35:23 -0700
Subject: [PATCH] [eric] dashboard: fix empty-state composer, stop canvas
 eating the pointerdown so it can focus

---
 .../app/pages/Dashboard/canvas/DashboardEmptyState.tsx    | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/pages/Dashboard/canvas/DashboardEmptyState.tsx b/frontend/src/app/pages/Dashboard/canvas/DashboardEmptyState.tsx
index 3d7ab1f1..608f43ca 100644
--- a/frontend/src/app/pages/Dashboard/canvas/DashboardEmptyState.tsx
+++ b/frontend/src/app/pages/Dashboard/canvas/DashboardEmptyState.tsx
@@ -63,7 +63,13 @@ const DashboardEmptyState: React.FC<{
         pointerEvents: 'none', px: 3,
       }}
     >
-      <Box sx={{ width: '100%', maxWidth: 620, pointerEvents: 'auto', display: 'flex', flexDirection: 'column' }}>
+      {/* Swallow pointerdown so the canvas's pan/marquee handler doesn't preventDefault the press and
+          steal focus from the composer, that's why clicking the input did nothing. Clicks/typing still work. */}
+      <Box
+        onPointerDown={(e) => e.stopPropagation()}
+        onMouseDown={(e) => e.stopPropagation()}
+        sx={{ width: '100%', maxWidth: 620, pointerEvents: 'auto', display: 'flex', flexDirection: 'column' }}
+      >
         <Typography sx={{ color: c.text.primary, fontSize: c.font.size.display, fontWeight: 600, textAlign: 'center', letterSpacing: '-0.01em', mb: 3 }}>
           What do you want done?
         </Typography>