inspector

src/main.jsx

@@ -1,4 +1,5 @@
 import { createRoot } from 'react-dom/client';
+import { lazy, Suspense } from 'react';
 import CssBaseline from '@mui/material/CssBaseline';
 import { ThemeProvider } from '@mui/material/styles';
 import { Provider } from 'react-redux';
@@ -10,6 +11,12 @@ import { store } from './store';
 import { getActiveTheme } from './theme';
 import './index.css';
 
+// Dev-only Automat inspector. The `import.meta.env.DEV` branch is statically
+// eliminated in production builds, so this module never ships to users.
+const AutomatInspector = import.meta.env.DEV
+  ? lazy(() => import('./devtools/AutomatInspector'))
+  : null;
+
 async function clearDevServiceWorker() {
   if (!import.meta.env.DEV || !('serviceWorker' in navigator)) return;
   const regs = await navigator.serviceWorker.getRegistrations();
@@ -36,6 +43,11 @@ createRoot(document.getElementById('root')).render(
         <StorageManagerProvider>
           <AuthBootstrap>
             <App />
+            {AutomatInspector ? (
+              <Suspense fallback={null}>
+                <AutomatInspector />
+              </Suspense>
+            ) : null}
           </AuthBootstrap>
         </StorageManagerProvider>
       </SnackbarProvider>