Add a config to handle the display and the commands for the rovers

.git-blame-ignore-revs

@@ -1,3 +1,5 @@
 4f3cd9bedcaeea806c4f1475c5be836cdebfd84c # switched to xo code style
 c8e25a17c993738f9a2a45677b5eb87ce0b8f3b8 # formatting changes for Prettier 2.x
 9b34927187440c27331a3559f770e73b1fe17fca # reformatted for Prettier 2.x
+37253dc98cac8a493d285ad5dcdacc0b1bb6457f # chore: apply automatic formatting using prettier
+b7899fb47db860704ed88e7419d5ecf26f60a3b3 # chore: format non-src files using prettier as well

.github/workflows/format-check.yml

@@ -0,0 +1,21 @@
+name: Format check
+
+on:
+  push:
+    branches: ['main', 'dev']
+  pull_request:
+    branches: ['main', 'dev']
+
+jobs:
+  prettier:
+    name: Run formatting checks
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v6
+      - name: Caching
+        uses: actions/setup-node@v6
+      - name: Install
+        run: npm install
+      - name: Check formatting
+        run: npm run format:check

.github/workflows/lint-check.yml

@@ -0,0 +1,21 @@
+name: Lint check
+
+on:
+  push:
+    branches: ['main', 'dev']
+  pull_request:
+    branches: ['main', 'dev']
+
+jobs:
+  eslint:
+    name: Run lint checks
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v6
+      - name: Caching
+        uses: actions/setup-node@v6
+      - name: Install
+        run: npm install
+      - name: Lint
+        run: npm run lint:check

.github/workflows/type-check.yml

@@ -0,0 +1,21 @@
+name: Type check
+
+on:
+  push:
+    branches: ['main', 'dev']
+  pull_request:
+    branches: ['main', 'dev']
+
+jobs:
+  tsc:
+    name: Run type checks
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v6
+      - name: Caching
+        uses: actions/setup-node@v6
+      - name: Install
+        run: npm install
+      - name: Typecheck
+        run: npm run type:check

.gitignore

@@ -1,3 +1,7 @@
+# Git worktree directories
+.wt
+.worktree
+
 # VSCode settings
 .vscode
 
@@ -58,3 +62,7 @@ assets/shows/
 
 # Development stuff
 etc/dev/
+
+# AI
+.plan
+.prompt

AGENTS.md

@@ -0,0 +1,150 @@
+# AGENTS.md
+
+This file provides guidelines for agentic coding assistants working on the Skybrush Live codebase.
+
+## Build, Lint, and Test Commands
+
+### Essential Commands
+
+- `npm run lint` - Run ESLint to check code quality
+- `npm test` - Run all Jest tests
+- `npm test -- path/to/test.test.ts` - Run a single test file
+- `npm test -- -t "test name"` - Run tests matching a pattern
+- `npm start` - Start development web server (http://localhost:8080)
+- `npm run start:electron` - Start Electron desktop app
+- `npm run bundle` - Build for production
+- `npm run lint && npm test` - Run linting and tests together (run this before committing)
+
+But you shouldn't try to build the project unless explicitly asked to do so!
+
+### Testing Notes
+
+- Jest is configured with TypeScript support
+- Test files use `.test.ts` or `.test.tsx` extension
+- Coverage is collected automatically in `coverage/` directory
+- Use `test.skip()` to skip long-running tests (see test/nearestNeighbors.test.ts:82)
+
+Never run tests unless explicitly asked!
+
+## Code Style Guidelines
+
+### File Format (.editorconfig)
+
+- Encoding: UTF-8
+- Indentation: 2 spaces (no tabs) for JS/JSX/TS/TSX/CSS/LESS
+- Line endings: LF (Unix-style)
+- Final newline: Required at end of files
+
+### TypeScript Rules
+
+- Strict mode enabled
+- Use `type` instead of `interface` for type definitions (ESLint enforced)
+- Use `T[]` for simple array types, `Array<T>` for complex types
+- Use type-only imports: `import type { Foo } from 'bar'` (ESLint enforced)
+- Path alias: `~/*` maps to `./src/*` (e.g., `~/utils/arrays`)
+- Allow `any` type as pragmatic escape hatch for third-party libraries
+- Allow non-null assertions (`!`) when appropriate
+- Unused variables with leading underscore (`_unused`) are allowed
+- Never cast types using patterns like this: `const x = y as unknown as SomeType`.
+- If a named alias exists for a type, use the named alias, that makes the code easier to understand.
+
+### Import Ordering
+
+Import groups:
+
+1. External libraries (e.g., `react`, `lodash-es/has`)
+2. `@skybrush` libraries (e.g. `@skybrush/mui-components`)
+3. Internal modules with `~/` alias (e.g., `~/utils/arrays`)
+4. Relative imports (e.g., `./types`)
+
+Type-only imports are grouped with regular imports, using `type` keyword.
+
+### Naming Conventions
+
+- **Variables/Functions**: camelCase
+- **Components**: PascalCase
+- **Types/Interfaces**: PascalCase (e.g., `type Coordinate2D`)
+- **Constants**: UPPER_SNAKE_CASE (e.g., `NEW_ITEM_ID`, `EMPTY_ARRAY`)
+- **Files**: camelCase for utilities, PascalCase for components
+
+### Export rules
+
+- Use named exports for utilities and non-React components.
+- Use default export for React components.
+
+### Error Handling
+
+- Use custom Error classes when needed (e.g., `class ItemExistsError extends Error`)
+- Include helpful error messages
+- Use try/catch for expected errors; allow errors to bubble up for unexpected ones
+
+### Code Organization
+
+- **Utilities**: Pure functions in `src/utils/` (e.g., arrays, collections, math)
+- **Components**: Organized by feature in `src/components/` and `src/features/`
+- **Hooks**: Custom React hooks in `src/hooks/`
+- **Types**: Shared types in `src/types/` or co-located with usage
+- **Selectors**: Redux selectors in `src/selectors/`
+- **Sagas**: Redux sagas in `src/sagas/`
+
+### React Patterns
+
+- Use function components (declared with `const Comp = () => {}` pattern) with hooks
+- Export default for components, named exports for utilities
+- Use React hooks as needed
+- Prop types defined as TypeScript types
+- If component is connected to the Redux store, create the base non-connected implementation with the desired component name.
+  Then create a connected component with the same name and the "Connected" prefix. Finally default export the connected component.
+
+### Documentation
+
+- Use JSDoc comments for exported functions and complex types
+- Include parameter descriptions with `@param` tags
+- Include return type descriptions with `@returns` tags
+- Add inline comments for non-obvious logic
+
+### Redux/State Management
+
+- Use Redux Toolkit patterns
+- Selectors memoized with reselect (`createSelector`)
+
+### Testing Patterns
+
+- Use `describe` to group related tests
+- Use `test` for individual test cases
+- Arrange-Act-Assert pattern preferred
+- Mock external dependencies
+- Use `expect().toBe()`, `expect().toEqual()`, `expect().toThrow()` appropriately
+- Skip long-running tests with `test.skip()`
+
+### Performance Considerations
+
+- Use `rejectNullish()` for filtering arrays (see src/utils/arrays.ts)
+- Use `EMPTY_ARRAY` and `EMPTY_OBJECT` constants instead of `[]`/`{}`
+- Memoize expensive computations with `memoize-one` or similar
+- Use proper keys in lists (prefer stable IDs over array indices)
+
+### Library Usage
+
+- Use `lodash-es` for utility functions (tree-shakeable ES modules)
+- Use `neverthrow` for Result/Either patterns
+- Use `i18next` for internationalization (translation function: `tt`)
+- Use `react-final-form` for forms with `mui-rff`
+- Use Material-UI (@mui/material) for UI components
+
+## Important Files and Directories
+
+- `src/` - Main source code
+- `test/` - Test files
+- `webpack/` - Webpack configuration
+- `eslint.config.mjs` - ESLint rules (flat config format)
+- `tsconfig.json` - TypeScript configuration
+- `jest.config.ts` - Jest test configuration
+- `babel.config.json` - Babel transpilation config
+
+## General Rules
+
+- Be succint unless explicitly asked to be verbose.
+- If something is unclear, ask for input before you continue.
+- Don't output things or explanations that were not requested.
+- Clearly modularize code, create the correct abstractions. Explore related parts of the codebase and use that as the guideline.

DEPENDENCIES.md

@@ -15,4 +15,3 @@ https://github.com/sindresorhus/p-timeout/commit/234f6428dabd228116a31a146c725eb
 
 We should stick to 6.1.4 until this is sorted out, _or_ maybe refactor our code
 to use an `AbortSignal` instead where possible.
-

assets/css/dseg.css

@@ -1,17 +1,19 @@
 @font-face {
   font-family: 'DSEG14-Classic';
-  src: url('../fonts/DSEG14-Classic/DSEG14Classic-Regular.woff2') format('woff2'),
-  url('../fonts/DSEG14-Classic/DSEG14Classic-Regular.woff') format('woff'),
-  url('../fonts/DSEG14-Classic/DSEG14Classic-Regular.ttf') format('truetype');
+  src:
+    url('../fonts/DSEG14-Classic/DSEG14Classic-Regular.woff2') format('woff2'),
+    url('../fonts/DSEG14-Classic/DSEG14Classic-Regular.woff') format('woff'),
+    url('../fonts/DSEG14-Classic/DSEG14Classic-Regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
 }
 
 @font-face {
   font-family: 'DSEG7-Classic';
-  src: url('../fonts/DSEG7-Classic/DSEG7Classic-Regular.woff2') format('woff2'),
-  url('../fonts/DSEG7-Classic/DSEG7Classic-Regular.woff') format('woff'),
-  url('../fonts/DSEG7-Classic/DSEG7Classic-Regular.ttf') format('truetype');
+  src:
+    url('../fonts/DSEG7-Classic/DSEG7Classic-Regular.woff2') format('woff2'),
+    url('../fonts/DSEG7-Classic/DSEG7Classic-Regular.woff') format('woff'),
+    url('../fonts/DSEG7-Classic/DSEG7Classic-Regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
 }

assets/css/kbd.css

@@ -44,11 +44,13 @@ kbd {
   user-select: none;
 }
 
-kbd:hover, kbd:hover * {
+kbd:hover,
+kbd:hover * {
   color: black;
   /* box-shadow: 1px 1px 1px #333; */
 }
-kbd:active, kbd:active * {
+kbd:active,
+kbd:active * {
   color: black;
   box-shadow: 1px 1px 0px #ddd inset;
 }
@@ -71,27 +73,34 @@ kbd:active kbd {
 }
 
 /* Deep blue */
-kbd.deep-blue, .deep-blue kbd {
+kbd.deep-blue,
+.deep-blue kbd {
   background: steelblue;
   color: #eee;
 }
 
-kbd.deep-blue:hover, kbd.deep-blue:hover *, .deep-blue kbd:hover {
+kbd.deep-blue:hover,
+kbd.deep-blue:hover *,
+.deep-blue kbd:hover {
   color: white;
 }
 
 /* Dark apple */
-kbd.dark-apple, .dark-apple kbd {
+kbd.dark-apple,
+.dark-apple kbd {
   background: black;
   color: #ddd;
 }
 
-kbd.dark-apple:hover, kbd.dark-apple:hover *, .dark-apple kbd:hover {
+kbd.dark-apple:hover,
+kbd.dark-apple:hover *,
+.dark-apple kbd:hover {
   color: white;
 }
 
 /* Type writer */
-kbd.type-writer, .type-writer kbd {
+kbd.type-writer,
+.type-writer kbd {
   border-radius: 10px;
   background: #333;
   color: white;

assets/css/proggy-vector.css

@@ -1,8 +1,9 @@
 @font-face {
   font-family: 'Proggy Vector';
-  src: url('../fonts/ProggyVector/ProggyVector-Regular.woff2') format('woff2'),
-  url('../fonts/ProggyVector/ProggyVector-Regular.woff') format('woff'),
-  url('../fonts/ProggyVector/ProggyVector-Regular.ttf') format('truetype');
+  src:
+    url('../fonts/ProggyVector/ProggyVector-Regular.woff2') format('woff2'),
+    url('../fonts/ProggyVector/ProggyVector-Regular.woff') format('woff'),
+    url('../fonts/ProggyVector/ProggyVector-Regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
 }

assets/css/workbench.less

@@ -79,7 +79,12 @@ body .lm_header {
 
 /* Perspective switching in header */
 .wb-perspective-bar {
-  background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.25) 80%, rgba(0, 0, 0, 0.4) 100%);
+  background: linear-gradient(
+    to right,
+    transparent 0%,
+    rgba(0, 0, 0, 0.25) 80%,
+    rgba(0, 0, 0, 0.4) 100%
+  );
   flex: 1;
   justify-content: left;
   border-right: 1px solid #424242;
@@ -93,20 +98,24 @@ body .lm_header {
   display: none;
   border-bottom: 3px solid transparent;
   border-radius: 0;
-  font-size: 14px !important;  /* consistent with sidebar */
+  font-size: 14px !important; /* consistent with sidebar */
   height: 100%;
   background: unset;
   box-shadow: unset;
-  padding: 7px 8px 4px 8px;  /* padding higher at the top to compensate for border at bottom */
+  padding: 7px 8px 4px 8px; /* padding higher at the top to compensate for border at bottom */
 }
 .wb-perspective-bar .wb-perspective-selected button {
-  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.25) 100%);
-  border-bottom: 3px solid #03a9f4;  /* Material UI lightBlue[500] */
+  background: linear-gradient(
+    to bottom,
+    transparent 0%,
+    rgba(0, 0, 0, 0.25) 100%
+  );
+  border-bottom: 3px solid #03a9f4; /* Material UI lightBlue[500] */
 }
 .wb-perspective-bar button:hover {
   /* styling same as for GenericHeaderButton */
   background: linear-gradient(to bottom, #06c 0%, #25a 100%);
-  border-bottom: 3px solid #03a9f4;  /* Material UI lightBlue[500] */
+  border-bottom: 3px solid #03a9f4; /* Material UI lightBlue[500] */
 }
 
 /* Disable draggable splitters for fixed layouts */

assets/icons/README.md

@@ -22,4 +22,3 @@ for Windows:
 https://icoconvert.com/
 
 Favicon was generated with https://favicon.io
-

config/webapp-demo.tsx

@@ -2,7 +2,6 @@
  * @file Application configuration at startup, suitable for the web app demo deployment.
  */
 
-import * as React from 'react';
 import demoShowUrl from '~/../assets/shows/demo.skyc';
 
 import { type ConfigOverrides } from 'config-overrides';