add debug labels and some missing shapes

app/page.tsx

@@ -10,6 +10,7 @@ import { InspectorControls } from "@/src/components/InspectorControls";
 import { SettingsProvider } from "@/src/components/SettingsProvider";
 import { ObserverCamera } from "@/src/components/ObserverCamera";
 import { AudioProvider } from "@/src/components/AudioContext";
+import { DebugElements } from "@/src/components/DebugElements";
 
 // three.js has its own loaders for textures and models, but we need to load other
 // stuff too, e.g. missions, terrains, and more. This client is used for those.
@@ -35,11 +36,12 @@ function MapInspector() {
     <QueryClientProvider client={queryClient}>
       <main>
         <SettingsProvider>
-          <Canvas shadows>
+          <Canvas shadows frameloop="always">
             <AudioProvider>
               <ObserverControls />
               <Mission key={missionName} name={missionName} />
               <ObserverCamera />
+              <DebugElements />
             </AudioProvider>
             <EffectComposer>
               <N8AO intensity={3} aoRadius={3} quality="performance" />

app/style.css

@@ -45,3 +45,15 @@ main {
 #speedInput {
   max-width: 80px;
 }
+
+.StaticShapeLabel {
+  background: rgba(0, 0, 0, 0.5);
+  color: #fff;
+  font-size: 11px;
+  white-space: nowrap;
+}
+
+.StatsPanel {
+  left: auto !important;
+  right: 0;
+}