From 1a70d05566a540976d4b0cefb9d1324bac3b4c87 Mon Sep 17 00:00:00 2001
From: ciregenz <ciregenz@berkeley.edu>
Date: Sat, 23 May 2026 12:25:26 -0700
Subject: [PATCH] [eric] tree: group Dashboard canvas surface into canvas/

---
 frontend/src/app/pages/Dashboard/Dashboard.tsx         |  2 +-
 .../pages/Dashboard/{ => canvas}/DashboardCanvas.tsx   |  6 +++---
 .../Dashboard/{ => canvas}/DashboardCardLayer.tsx      | 10 +++++-----
 .../Dashboard/{ => canvas}/DashboardEmptyState.tsx     |  0
 .../pages/Dashboard/{ => canvas}/DashboardHeader.tsx   |  2 +-
 .../pages/Dashboard/{ => canvas}/DashboardOverlays.tsx | 10 +++++-----
 .../app/pages/Dashboard/{ => canvas}/TetherLayer.tsx   |  2 +-
 7 files changed, 16 insertions(+), 16 deletions(-)
 rename frontend/src/app/pages/Dashboard/{ => canvas}/DashboardCanvas.tsx (97%)
 rename frontend/src/app/pages/Dashboard/{ => canvas}/DashboardCardLayer.tsx (96%)
 rename frontend/src/app/pages/Dashboard/{ => canvas}/DashboardEmptyState.tsx (100%)
 rename frontend/src/app/pages/Dashboard/{ => canvas}/DashboardHeader.tsx (99%)
 rename frontend/src/app/pages/Dashboard/{ => canvas}/DashboardOverlays.tsx (92%)
 rename frontend/src/app/pages/Dashboard/{ => canvas}/TetherLayer.tsx (98%)

diff --git a/frontend/src/app/pages/Dashboard/Dashboard.tsx b/frontend/src/app/pages/Dashboard/Dashboard.tsx
index 8584cb7a..0713b1b1 100644
--- a/frontend/src/app/pages/Dashboard/Dashboard.tsx
+++ b/frontend/src/app/pages/Dashboard/Dashboard.tsx
@@ -3,7 +3,7 @@ import SelectionOverlay from '@/app/components/SelectionOverlay';
 import { ElementSelectionProvider } from '@/app/components/ElementSelectionContext';
 import { useDomElementSelector } from '@/app/components/useDomElementSelector';
 import { useDashboardController } from './useDashboardController';
-import DashboardCanvas from './DashboardCanvas';
+import DashboardCanvas from './canvas/DashboardCanvas';
 
 const DashboardSelectionOverlay: React.FC = () => {
   const { overlay, dragRect, dragPreview } = useDomElementSelector();
diff --git a/frontend/src/app/pages/Dashboard/DashboardCanvas.tsx b/frontend/src/app/pages/Dashboard/canvas/DashboardCanvas.tsx
similarity index 97%
rename from frontend/src/app/pages/Dashboard/DashboardCanvas.tsx
rename to frontend/src/app/pages/Dashboard/canvas/DashboardCanvas.tsx
index 3e254340..1b6c243e 100644
--- a/frontend/src/app/pages/Dashboard/DashboardCanvas.tsx
+++ b/frontend/src/app/pages/Dashboard/canvas/DashboardCanvas.tsx
@@ -14,9 +14,9 @@ import type {
   NotePosition,
 } from '@/shared/state/dashboardLayoutSlice';
 import type { Output } from '@/shared/state/outputsSlice';
-import type { CardType, useDashboardSelection } from './useDashboardSelection';
-import type { useCanvasControls } from './useCanvasControls';
-import type { Tether } from './geometry/dashboardTethers';
+import type { CardType, useDashboardSelection } from '../useDashboardSelection';
+import type { useCanvasControls } from '../useCanvasControls';
+import type { Tether } from '../geometry/dashboardTethers';
 
 type Selection = ReturnType<typeof useDashboardSelection>;
 type Canvas = ReturnType<typeof useCanvasControls>;
diff --git a/frontend/src/app/pages/Dashboard/DashboardCardLayer.tsx b/frontend/src/app/pages/Dashboard/canvas/DashboardCardLayer.tsx
similarity index 96%
rename from frontend/src/app/pages/Dashboard/DashboardCardLayer.tsx
rename to frontend/src/app/pages/Dashboard/canvas/DashboardCardLayer.tsx
index 10629d4d..6454b78f 100644
--- a/frontend/src/app/pages/Dashboard/DashboardCardLayer.tsx
+++ b/frontend/src/app/pages/Dashboard/canvas/DashboardCardLayer.tsx
@@ -1,9 +1,9 @@
 import React, { type RefObject } from 'react';
 import { AnimatePresence } from 'framer-motion';
-import AgentCard from './cards/AgentCard';
-import DashboardViewCard from './cards/DashboardViewCard';
-import BrowserCard from './cards/BrowserCard';
-import NoteCard from './cards/NoteCard';
+import AgentCard from '../cards/AgentCard';
+import DashboardViewCard from '../cards/DashboardViewCard';
+import BrowserCard from '../cards/BrowserCard';
+import NoteCard from '../cards/NoteCard';
 import {
   EXPANDED_CARD_MIN_H,
   DEFAULT_CARD_W,
@@ -14,7 +14,7 @@ import {
   type NotePosition,
 } from '@/shared/state/dashboardLayoutSlice';
 import type { Output } from '@/shared/state/outputsSlice';
-import type { CardType, useDashboardSelection } from './useDashboardSelection';
+import type { CardType, useDashboardSelection } from '../useDashboardSelection';
 
 type Selection = ReturnType<typeof useDashboardSelection>;
 type SpawnOrigin = { x: number; y: number; type?: 'branch' };
diff --git a/frontend/src/app/pages/Dashboard/DashboardEmptyState.tsx b/frontend/src/app/pages/Dashboard/canvas/DashboardEmptyState.tsx
similarity index 100%
rename from frontend/src/app/pages/Dashboard/DashboardEmptyState.tsx
rename to frontend/src/app/pages/Dashboard/canvas/DashboardEmptyState.tsx
diff --git a/frontend/src/app/pages/Dashboard/DashboardHeader.tsx b/frontend/src/app/pages/Dashboard/canvas/DashboardHeader.tsx
similarity index 99%
rename from frontend/src/app/pages/Dashboard/DashboardHeader.tsx
rename to frontend/src/app/pages/Dashboard/canvas/DashboardHeader.tsx
index 6fb135e2..dab8a4d1 100644
--- a/frontend/src/app/pages/Dashboard/DashboardHeader.tsx
+++ b/frontend/src/app/pages/Dashboard/canvas/DashboardHeader.tsx
@@ -10,7 +10,7 @@ import { useClaudeTokens } from '@/shared/styles/ThemeContext';
 import type { AgentSession } from '@/shared/state/agentsSlice';
 import type { CardPosition, ViewCardPosition, BrowserCardPosition } from '@/shared/state/dashboardLayoutSlice';
 import type { Output } from '@/shared/state/outputsSlice';
-import type { CanvasActions } from './useCanvasControls';
+import type { CanvasActions } from '../useCanvasControls';
 
 interface DashboardHeaderProps {
   dashboardName: string | undefined;
diff --git a/frontend/src/app/pages/Dashboard/DashboardOverlays.tsx b/frontend/src/app/pages/Dashboard/canvas/DashboardOverlays.tsx
similarity index 92%
rename from frontend/src/app/pages/Dashboard/DashboardOverlays.tsx
rename to frontend/src/app/pages/Dashboard/canvas/DashboardOverlays.tsx
index 51a948b7..f20c4b9b 100644
--- a/frontend/src/app/pages/Dashboard/DashboardOverlays.tsx
+++ b/frontend/src/app/pages/Dashboard/canvas/DashboardOverlays.tsx
@@ -1,16 +1,16 @@
 import React, { type RefObject } from 'react';
 import Box from '@mui/material/Box';
-import DashboardToolbar from './DashboardToolbar';
-import CanvasControls from './controls/CanvasControls';
-import CardSearchPalette from './controls/CardSearchPalette';
-import DirectionHints from './controls/DirectionHints';
+import DashboardToolbar from '../DashboardToolbar';
+import CanvasControls from '../controls/CanvasControls';
+import CardSearchPalette from '../controls/CardSearchPalette';
+import DirectionHints from '../controls/DirectionHints';
 import type { AgentSession } from '@/shared/state/agentsSlice';
 import type {
   CardPosition,
   ViewCardPosition,
   BrowserCardPosition,
 } from '@/shared/state/dashboardLayoutSlice';
-import type { useCanvasControls } from './useCanvasControls';
+import type { useCanvasControls } from '../useCanvasControls';
 
 type Canvas = ReturnType<typeof useCanvasControls>;
 type Direction = 'left' | 'right' | 'up' | 'down';
diff --git a/frontend/src/app/pages/Dashboard/TetherLayer.tsx b/frontend/src/app/pages/Dashboard/canvas/TetherLayer.tsx
similarity index 98%
rename from frontend/src/app/pages/Dashboard/TetherLayer.tsx
rename to frontend/src/app/pages/Dashboard/canvas/TetherLayer.tsx
index 90d8cf7d..6d51cb4e 100644
--- a/frontend/src/app/pages/Dashboard/TetherLayer.tsx
+++ b/frontend/src/app/pages/Dashboard/canvas/TetherLayer.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ClaudeTokens } from '@/shared/styles/claudeTokens';
-import type { Tether } from './geometry/dashboardTethers';
+import type { Tether } from '../geometry/dashboardTethers';
 
 const TETHER_FADE_MS = 2500;