feat: minimap toggle

frontend/src/app/canvas/CanvasMenubar.tsx

@@ -35,6 +35,8 @@ export type CanvasMenubarProps = {
   canDuplicate?: boolean
   canCopy?: boolean
   onFitView?: () => void
+  showMinimap?: boolean
+  onToggleMinimap?: (visible: boolean) => void
 }
 
 const UNDO_KEYS = { key: 'z', shiftKey: false }
@@ -58,6 +60,8 @@ export function CanvasMenubar({
   canDuplicate = false,
   canCopy = false,
   onFitView,
+  showMinimap = true,
+  onToggleMinimap,
 }: CanvasMenubarProps) {
   const { theme, setTheme } = useTheme()
   const { projectId } = useParams<{ projectId: string }>()
@@ -253,6 +257,18 @@ export function CanvasMenubar({
                 </MenubarCheckboxItem>
               </MenubarSubContent>
             </MenubarSub>
+            {onToggleMinimap != null && (
+              <>
+                <MenubarSeparator />
+                <MenubarCheckboxItem
+                  checked={showMinimap}
+                  onCheckedChange={(checked) => onToggleMinimap(checked)}
+                  className="gap-2"
+                >
+                  Minimap
+                </MenubarCheckboxItem>
+              </>
+            )}
           </MenubarContent>
         </MenubarMenu>
       </Menubar>