Web

firmware/firmware/src/main.rs

@@ -259,15 +259,6 @@ async fn main(spawner: Spawner) -> ! {
     .into_async();
     let (mut rx, mut tx) = uart.split();
 
-    // spawner
-    //     .spawn(midi_thru_task(rx))
-    //     .expect("Unable to spawn MIDI thru task");
-    // info!("MIDI thru task spawned");
-    // spawner
-    //     .spawn(midi_out_task(tx))
-    //     .expect("Unable to spawn MIDI out task");
-    // info!("MIDI out task spawned");
-
     info!("Startup complete.");
 
     let mut midi_reader = UartMidiReader::new(&mut rx);

web/eslint.config.js

@@ -21,6 +21,11 @@ export default defineConfig([
       tseslint.configs.recommendedTypeChecked,
       tseslint.configs.strictTypeChecked,
       tseslint.configs.stylisticTypeChecked,
+      {
+        rules: {
+          '@typescript-eslint/array-type': ['error', { default: 'generic' }],
+        },
+      },
       reactHooks.configs.flat.recommended,
       reactRefresh.configs.vite,
       reactX.configs['recommended-typescript'],

web/flake.nix

@@ -42,8 +42,10 @@
             pnpm
           ];
           shellHook = ''
-          echo "📦 Installing dependencies..."
+          echo "  📦 Installing dependencies..."
           pnpm install --frozen-lockfile --quiet
+          echo "  ✅ Dependencies installed."
+          echo ""
           '';
         };
       }

web/package.json

@@ -15,15 +15,14 @@
   },
   "dependencies": {
     "@bufbuild/protobuf": "^2.11.0",
-    "@headlessui/react": "^2.2.9",
-    "@tailwindcss/vite": "^4.1.18",
+    "@mantine/core": "^8.3.18",
+    "@mantine/hooks": "^8.3.18",
     "@tanstack/react-query": "^5.90.21",
     "react": "^19.2.0",
-    "react-aria": "^3.46.0",
-    "react-aria-components": "^1.15.1",
     "react-dom": "^19.2.0",
+    "react-icons": "^5.6.0",
     "react-router": "^7.13.0",
-    "tailwindcss": "^4.1.18"
+    "react-router-dom": "^7.13.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",
@@ -41,9 +40,27 @@
     "eslint-plugin-react-refresh": "^0.4.24",
     "eslint-plugin-react-x": "^2.12.4",
     "globals": "^16.5.0",
+    "postcss": "^8.5.8",
+    "postcss-preset-mantine": "^1.18.0",
+    "postcss-simple-vars": "^7.0.1",
     "prettier": "3.8.1",
+    "sass-embedded": "^1.98.0",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.48.0",
     "vite": "^7.3.1"
+  },
+  "postcss": {
+    "plugins": {
+      "postcss-preset-mantine": {},
+      "postcss-simple-vars": {
+        "variables": {
+          "mantine-breakpoint-xs": "36em",
+          "mantine-breakpoint-sm": "48em",
+          "mantine-breakpoint-md": "62em",
+          "mantine-breakpoint-lg": "75em",
+          "mantine-breakpoint-xl": "88em"
+        }
+      }
+    }
   }
 }