Add fleet groups, agent screenshots, deploy guards, and Crucible polish.

server/web/src/App.tsx

@@ -4,6 +4,7 @@ import SessionGate from './components/SessionGate';
 import Layout from './components/Layout/Layout';
 import { WebSocketProvider } from './context/WebSocketProvider';
 import { ForgeProvider } from './context/ForgeContext';
+import { MatrixRainProvider } from './context/MatrixRainContext';
 
 const DashboardPage = lazy(() => import('./pages/DashboardPage'));
 const AgentsPage = lazy(() => import('./pages/AgentsPage'));
@@ -27,6 +28,7 @@ function App() {
     // No page or component should call new WebSocket() directly — use useWebSocket().
     <WebSocketProvider>
       <ForgeProvider>
+      <MatrixRainProvider>
       <SessionGate>
       <Layout>
         <Suspense fallback={<PageFallback />}>
@@ -44,6 +46,7 @@ function App() {
         </Suspense>
       </Layout>
       </SessionGate>
+      </MatrixRainProvider>
       </ForgeProvider>
     </WebSocketProvider>
   );