Features/flashing view

.gitignore

@@ -9,4 +9,16 @@ node_modules/
 .env
 
 # Global binaries
-*.exe
+*.exe
+
+# Flashing view build artifacts
+flashing-view/node_modules/
+flashing-view/dist/
+flashing-view/dist-ssr/
+flashing-view/.cache/
+flashing-view/*.tsbuildinfo
+flashing-view/.env
+
+# electron modules
+electron-app/python
+electron-app/logger

backend/pkg/adj/validator.go

@@ -1,6 +1,7 @@
 package adj
 
 import (
+	"os"
 	"os/exec"
 	"path"
 	"strings"
@@ -62,6 +63,13 @@ func Validate() {
 // If none of the candidates are found, an empty string is returned,
 // indicating that no Python interpreter is available.
 func pythonCommand() string {
+	// Prefer bundled Python shipped with the Electron app
+	if bundled := os.Getenv("HYPERLOOP_PYTHON_PATH"); bundled != "" {
+		if _, err := os.Stat(bundled); err == nil {
+			return bundled
+		}
+	}
+
 	candidates := []string{"python3", "python", "py"}
 
 	for _, c := range candidates {

control-station/src/App.tsx

@@ -11,6 +11,12 @@ import { ReactComponent as Batteries } from 'assets/svg/battery-filled.svg'
 import { SplashScreen, WsHandlerProvider, useLoadBackend } from 'common';
 import { useEffect } from 'react';
 
+const FlashIcon = () => (
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+        <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2" />
+    </svg>
+);
+
 export const App = () => {
     const isProduction = import.meta.env.PROD;
     const loadBackend = useLoadBackend(isProduction);
@@ -29,7 +35,8 @@ export const App = () => {
                             { path: '/vehicle', icon: <Wheel /> },
                             { path: '/booster', icon: <Cabinet /> },
                             { path: '/batteries', icon: <Batteries /> },
-                            { path: '/cameras', icon: <Cameras /> }
+                            { path: '/cameras', icon: <Cameras /> },
+                            { path: '/flash', icon: <FlashIcon /> }
                         ]}
                     />
                     <Outlet />

control-station/src/main.tsx

@@ -9,6 +9,7 @@ import { mainPageRoute } from "pages/VehiclePage/MainPage/mainPageRoute";
 import { camerasRoute } from "pages/CamerasPage/camerasRoute";
 import { batteriesRoute } from "pages/VehiclePage/BatteriesPage/batteriesRoute";
 import { boosterRoute } from "pages/VehiclePage/BoosterPage/boosterRoute";
+import { flashRoute } from "pages/FlashPage/flashRoute";
 import { ConfigProvider, GlobalTicker } from "common";
 
 const router = createHashRouter([
@@ -21,6 +22,7 @@ const router = createHashRouter([
       boosterRoute,
       batteriesRoute,
       camerasRoute,
+      flashRoute,
     ],
   },
 ]);

control-station/src/pages/FlashPage/FlashPage.tsx

@@ -0,0 +1,22 @@
+import { useEffect } from 'react';
+
+export const FlashPage = () => {
+    useEffect(() => {
+        if ((window as any).electronAPI?.switchView) {
+            (window as any).electronAPI.switchView('flashing-view');
+        }
+    }, []);
+
+    return (
+        <div style={{ 
+            display: 'flex', 
+            alignItems: 'center', 
+            justifyContent: 'center', 
+            height: '100vh',
+            width: '100%',
+            color: 'var(--text-color)'
+        }}>
+            <p>Opening flashing view...</p>
+        </div>
+    );
+};

control-station/src/pages/FlashPage/flashRoute.tsx

@@ -0,0 +1,6 @@
+import { FlashPage } from "./FlashPage";
+
+export const flashRoute = {
+    path: "/flash",
+    element: <FlashPage/>
+};

electron-app/.gitignore

@@ -1,6 +1,12 @@
 # Dependencies
 node_modules
 
+# Python
+python
+
+# Logger
+logger
+
 # Build output
 dist
 dist-ssr
@@ -82,4 +88,4 @@ coverage
 # Config and config backups
 config.toml
 config.toml.backup-*
-version.toml
+version.toml

electron-app/build.mjs

@@ -109,6 +109,12 @@ const CONFIG = {
     ],
     optional: true,
   },
+  "flashing-view": {
+    type: "frontend",
+    path: join(ROOT, "flashing-view"),
+    dest: join(__dirname, "renderer/flashing-view"),
+    commands: ["npm install", "npm run build"],
+  },
 };
 
 // --- Helpers ---
@@ -240,6 +246,12 @@ _  __  / _  /_/ /__  /_/ /  __/  /   _  / / /_/ / /_/ /_  /_/ /     / /_/ / _  _
 logger.header("Hyperloop Control Station Build");
 
 (async () => {
+  // Setup bundled Python when building backend
+  if (targetsToBuild.includes("backend")) {
+    logger.info("Setting up bundled Python for ADJ validation...");
+    run("node scripts/setup-python.mjs", __dirname);
+  }
+
   let frontendBuilt = false;
   let allSuccess = true;