Control station: Logging View + ADJ Viewer

.github/workflows/frontend-tests.yaml

@@ -29,7 +29,7 @@ jobs:
           cache: "pnpm"
 
       - name: Install dependencies
-        run: pnpm install --frozen-lockfile --filter=testing-view --filter=flashing-view --filter=competition-view --filter=ui --filter=core
+        run: pnpm install --frozen-lockfile --filter=testing-view --filter=flashing-view --filter=competition-view --filter=logging-view --filter=adj-view --filter=ui --filter=core
 
       - name: Build frontend
         run: pnpm build --filter="./frontend/**"

.github/workflows/go_test.yaml

@@ -1,14 +1,7 @@
 name: Go tests
 
 on:
-  pull_request:
-    branches:
-      - main
-      - develop
-  push:
-    branches:
-      - main
-      - develop
+  workflow_dispatch:
 
 jobs:
   test:

.github/workflows/release.yaml

@@ -22,6 +22,14 @@ on:
         description: "Include Flashing View"
         type: boolean
         default: true
+      include-logging:
+        description: "Include Logging View"
+        type: boolean
+        default: true
+      include-adj:
+        description: "Include ADJ Viewer"
+        type: boolean
+        default: true
 
 
 jobs:
@@ -34,6 +42,8 @@ jobs:
       include_testing: ${{ steps.get_version.outputs.include_testing }}
       include_competition: ${{ steps.get_version.outputs.include_competition }}
       include_flashing: ${{ steps.get_version.outputs.include_flashing }}
+      include_logging: ${{ steps.get_version.outputs.include_logging }}
+      include_adj: ${{ steps.get_version.outputs.include_adj }}
     steps:
       - name: Determine version
         id: get_version
@@ -43,6 +53,8 @@ jobs:
           echo "include_testing=${{ github.event.inputs.include-testing }}" >> $GITHUB_OUTPUT
           echo "include_competition=${{ github.event.inputs.include-competition }}" >> $GITHUB_OUTPUT
           echo "include_flashing=${{ github.event.inputs.include-flashing }}" >> $GITHUB_OUTPUT
+          echo "include_logging=${{ github.event.inputs.include-logging }}" >> $GITHUB_OUTPUT
+          echo "include_adj=${{ github.event.inputs.include-adj }}" >> $GITHUB_OUTPUT
 
   create-draft-release:
     name: Create Draft Release
@@ -95,6 +107,12 @@ jobs:
           if [ "${{ needs.determine-version.outputs.include_flashing }}" = "true" ]; then
             FILTERS="$FILTERS --filter=flashing-view"
           fi
+          if [ "${{ needs.determine-version.outputs.include_logging }}" = "true" ]; then
+            FILTERS="$FILTERS --filter=logging-view"
+          fi
+          if [ "${{ needs.determine-version.outputs.include_adj }}" = "true" ]; then
+            FILTERS="$FILTERS --filter=adj-view"
+          fi
           pnpm turbo build $FILTERS
 
       - uses: actions/upload-artifact@v4
@@ -118,6 +136,20 @@ jobs:
           path: frontend/flashing-view/dist/**
           retention-days: 1
 
+      - uses: actions/upload-artifact@v4
+        if: needs.determine-version.outputs.include_logging == 'true'
+        with:
+          name: logging-dist
+          path: frontend/logging-view/dist/**
+          retention-days: 1
+
+      - uses: actions/upload-artifact@v4
+        if: needs.determine-version.outputs.include_adj == 'true'
+        with:
+          name: adj-dist
+          path: frontend/adj-view/dist/**
+          retention-days: 1
+
   build-backend:
     name: Build Backend - ${{ matrix.os }}
     needs: determine-version
@@ -300,6 +332,20 @@ jobs:
           name: flashing-dist
           path: electron-app/renderer/flashing-view
 
+      - name: Download logging-view dist
+        if: needs.determine-version.outputs.include_logging == 'true'
+        uses: actions/download-artifact@v4
+        with:
+          name: logging-dist
+          path: electron-app/renderer/logging-view
+
+      - name: Download adj-view dist
+        if: needs.determine-version.outputs.include_adj == 'true'
+        uses: actions/download-artifact@v4
+        with:
+          name: adj-dist
+          path: electron-app/renderer/adj-view
+
       - uses: pnpm/action-setup@v4
         with:
           version: 10.26.0

electron-app/.gitignore

@@ -11,6 +11,8 @@ renderer
 renderer/testing-view/
 renderer/flashing-view/
 renderer/competition-view/
+renderer/logging-view/
+renderer/adj-view/
 # include mode-selector in the build output
 !renderer/mode-selector/
 !renderer/mode-selector/**

electron-app/build.mjs

@@ -90,6 +90,24 @@ const CONFIG = {
       "pnpm run build",
     ],
   },
+  "logging-view": {
+    type: "frontend",
+    path: join(ROOT, "frontend/logging-view"),
+    dest: join(__dirname, "renderer/logging-view"),
+    commands: [
+      "pnpm --filter logging-view install --frozen-lockfile",
+      "pnpm run build",
+    ],
+  },
+  "adj-view": {
+    type: "frontend",
+    path: join(ROOT, "frontend/adj-view"),
+    dest: join(__dirname, "renderer/adj-view"),
+    commands: [
+      "pnpm --filter adj-view install --frozen-lockfile",
+      "pnpm run build",
+    ],
+  },
 };
 
 // --- Helpers ---

electron-app/package.json

@@ -44,6 +44,8 @@
     "build:testing": "node build.mjs --testing-view",
     "build:competition": "node build.mjs --competition-view",
     "build:flashing": "node build.mjs --flashing-view",
+    "build:logging": "node build.mjs --logging-view",
+    "build:adj": "node build.mjs --adj-view",
     "asar:win": "asar list dist/win-unpacked/resources/app.asar | findstr /V node_modules",
     "asar:mac": "asar list dist/mac-unpacked/resources/app.asar | findstr /V node_modules",
     "asar:linux": "asar list dist/linux-unpacked/resources/app.asar | findstr /V node_modules"

electron-app/preload.js

@@ -26,8 +26,9 @@ const { contextBridge, ipcRenderer } = require("electron");
 contextBridge.exposeInMainWorld("electronAPI", {
   // Get the currently loaded view name
   getCurrentView: () => ipcRenderer.invoke("get-current-view"),
-  // Switch to a different view by name
-  switchView: (view) => ipcRenderer.invoke("switch-view", view),
+  // Switch to a different view by name, optionally passing query params
+  // through to the loaded view's URL (e.g. an ADJ commit hash)
+  switchView: (view, query) => ipcRenderer.invoke("switch-view", view, query),
   // Save configuration object to file
   saveConfig: (config) => ipcRenderer.invoke("save-config", config),
   // Get current configuration object

electron-app/renderer/about/index.html

@@ -0,0 +1,79 @@
+<!doctype html>
+<html>
+
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>About Logging View</title>
+  <style>
+    @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
+
+    html,
+    body {
+      height: 100%;
+      margin: 0;
+    }
+
+    body {
+      font-family: 'Roboto', sans-serif;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: #111;
+      color: #edeef0;
+      user-select: none;
+    }
+
+    .card {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 16px;
+      padding: 32px 24px;
+      text-align: center;
+    }
+
+    .team-logo {
+      width: clamp(160px, 60vw, 220px);
+      height: auto;
+      filter: brightness(0) invert(1);
+    }
+
+    .sw-logo {
+      width: clamp(64px, 24vw, 84px);
+      height: auto;
+      opacity: 0.9;
+    }
+
+    h1 {
+      margin: 4px 0 0;
+      font-size: 1.05rem;
+      font-weight: 700;
+    }
+
+    .author {
+      margin: 8px 0 0;
+      font-size: 0.85rem;
+      font-weight: 500;
+      opacity: 0.85;
+    }
+
+    .copy {
+      margin: 0;
+      font-size: 0.72rem;
+      opacity: 0.55;
+    }
+  </style>
+</head>
+
+<body>
+  <div class="card">
+    <img src="../mode-selector/src/logo.svg" alt="Hyperloop UPV" class="team-logo" />
+    <img src="../mode-selector/src/Subsystem.png" alt="Hyperloop UPV Software" class="sw-logo" />
+    <h1>Hyperloop Control Station — Logging View</h1>
+    <p class="author">Javier Ribal del Río — H11</p>
+    <p class="copy">© HyperloopUPV - Software</p>
+  </div>
+</body>
+
+</html>

electron-app/renderer/mode-selector/index.html

@@ -266,6 +266,8 @@ <h1>Control Station</h1>
       { mode: 'testing', label: 'Testing View' },
       { mode: 'competition', label: 'Competition View' },
       { mode: 'flashing', label: 'Flashing View' },
+      { mode: 'logging', label: 'Logging View' },
+      { mode: 'adj', label: 'ADJ Viewer' },
     ];
 
     async function renderButtons() {

electron-app/src/app/modeSelector.js

@@ -17,6 +17,8 @@ const VALID_MODES = {
   testing: "testing-view",
   flashing: "flashing-view",
   competition: "competition-view",
+  logging: "logging-view",
+  adj: "adj-view",
   default: "testing-view",
 };
 

electron-app/src/ipc/handlers.js

@@ -104,6 +104,8 @@ function setupIpcHandlers() {
       { mode: "testing", label: "Testing View" },
       { mode: "competition", label: "Competition View" },
       { mode: "flashing", label: "Flashing View" },
+      { mode: "logging", label: "Logging View" },
+      { mode: "adj", label: "ADJ Viewer" },
     ];
     const rendererDir = join(getAppPath(), "renderer");
     return ALL_VIEWS.filter(({ mode }) =>
@@ -116,10 +118,12 @@ function setupIpcHandlers() {
    * @description Switches the main window to the specified view.
    * @param {import("electron").IpcMainInvokeEvent} event - The IPC event object.
    * @param {string} view - The name of the view to switch to (e.g., "ethernet-view", "control-station").
+   * @param {Record<string, string>} [query] - Optional query params passed through to the
+   *   loaded view's URL (e.g. `{ commit: hash }` so adj-view can auto-load a commit).
    * @returns {string} The view name that was loaded.
    */
-  ipcMain.handle("switch-view", (event, view) => {
-    loadView(view);
+  ipcMain.handle("switch-view", (event, view, query) => {
+    loadView(view, query ? { query } : undefined);
     return view;
   });
 

electron-app/src/menu/menu.js

@@ -4,7 +4,9 @@
  * Defines menu structure with File, Tools, and Help sections with keyboard shortcuts and actions.
  */
 
-import { BrowserWindow, Menu, app, dialog } from "electron";
+import { BrowserWindow, Menu, app } from "electron";
+import { showAboutWindow } from "../windows/aboutWindow.js";
+import { getCurrentView } from "../windows/mainWindow.js";
 
 /**
  * Creates the application menu with File, Tools, and Help sections.
@@ -75,13 +77,11 @@ function createMenu() {
       submenu: [
         {
           label: "About",
+          // Only meaningful in logging-view — the About window credits its
+          // author specifically, not the Control Station as a whole.
           click: () => {
-            dialog.showMessageBox(BrowserWindow.getFocusedWindow() ?? undefined, {
-              type: "info",
-              title: "About",
-              message: "Hyperloop UPV Control Station",
-              detail: `Version ${app.getVersion()}\n\nControl and monitoring software for Hyperloop pod.`,
-            });
+            if (getCurrentView() !== "logging-view") return;
+            showAboutWindow(BrowserWindow.getFocusedWindow());
           },
         },
       ],

electron-app/src/windows/aboutWindow.js

@@ -0,0 +1,56 @@
+/**
+ * @module windows/aboutWindow
+ * @description Small "About" window — team logo, SW logo, and author credit.
+ * Reachable via the main window's right-click context menu and the
+ * Help > About application menu item.
+ */
+
+import { BrowserWindow } from "electron";
+import path from "path";
+import { getAppPath } from "../utils/paths.js";
+import { logger } from "../utils/logger.js";
+
+let aboutWindow = null;
+
+/**
+ * Shows the About window, creating it if needed. Reuses a single instance —
+ * focuses it instead of stacking duplicates if already open.
+ * @param {BrowserWindow | null} [parentWindow] - Window to center/modal against.
+ * @returns {void}
+ */
+function showAboutWindow(parentWindow) {
+  if (aboutWindow && !aboutWindow.isDestroyed()) {
+    aboutWindow.focus();
+    return;
+  }
+
+  aboutWindow = new BrowserWindow({
+    width: 380,
+    height: 440,
+    resizable: false,
+    minimizable: false,
+    maximizable: false,
+    modal: !!parentWindow,
+    parent: parentWindow ?? undefined,
+    title: "About Logging View",
+    backgroundColor: "#111111",
+    webPreferences: {
+      preload: path.join(getAppPath(), "preload.js"),
+      contextIsolation: true,
+      nodeIntegration: false,
+    },
+  });
+
+  aboutWindow.setMenuBarVisibility(false);
+
+  const aboutPath = path.join(getAppPath(), "renderer", "about", "index.html");
+  aboutWindow.loadFile(aboutPath).catch((err) => {
+    logger.electron.error("Failed to load About window:", err);
+  });
+
+  aboutWindow.on("closed", () => {
+    aboutWindow = null;
+  });
+}
+
+export { showAboutWindow };

electron-app/src/windows/index.js

@@ -3,6 +3,7 @@
  * @description Window creation and management exports.
  */
 
+export { showAboutWindow } from "./aboutWindow.js";
 export { createLogWindow } from "./logWindow.js";
 export { createWindow } from "./mainWindow.js";