feat(fantech): add WG14P Yari Pro support

.editorconfig

@@ -0,0 +1,12 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false

.env.example

@@ -1,3 +1,3 @@
-# Cloudflare Pages Functions runtime bindings.
-SUPABASE_URL=https://your-project.supabase.co
-SUPABASE_SERVICE_ROLE_KEY=configure-as-a-cloudflare-secret
+VITE_SUPABASE_URL=
+VITE_SUPABASE_ANON_KEY=
+VITE_TURNSTILE_SITE_KEY=

.env.production

@@ -0,0 +1,3 @@
+VITE_SUPABASE_URL=https://htvsdiikalggstogproq.supabase.co
+VITE_SUPABASE_ANON_KEY=sb_publishable_k_Ea1wta7Ts0Bzj3cehBMg_VrLEujxR
+VITE_TURNSTILE_SITE_KEY=

.github/workflows/ci.yml

@@ -0,0 +1,51 @@
+name: CI
+
+on:
+  pull_request:
+  push:
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  check:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v7
+
+      - uses: actions/setup-node@v7
+        with:
+          node-version: 24
+          cache: npm
+
+      - run: npm ci
+
+      - name: Type check and build
+        run: npm run build
+
+      - name: Test
+        run: npm test
+
+      - name: Bundle size
+        run: npm run size
+
+      - name: Audit
+        run: npm audit --audit-level=high
+
+      - name: Approved runtime dependencies
+        run: |
+          node <<'NODE'
+          const { dependencies = {} } = require("./package.json");
+          const approved = {
+            "@openmouse/protocol": "https://github.com/OpenMouse-Project/mouse-protocol.git",
+            "preact": "^10.29.8",
+          };
+
+          if (JSON.stringify(dependencies) !== JSON.stringify(approved)) {
+            console.error("Runtime dependencies differ from the maintainer-approved list.");
+            console.error("Expected:", approved);
+            console.error("Received:", dependencies);
+            process.exit(1);
+          }
+          NODE

.github/workflows/codeql.yml

@@ -0,0 +1,28 @@
+name: CodeQL
+
+on:
+  pull_request:
+  push:
+  schedule:
+    - cron: "0 6 * * 1"
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  analyze:
+    runs-on: ubuntu-latest
+    permissions:
+      security-events: write
+      actions: read
+      contents: read
+    steps:
+      - uses: actions/checkout@v7
+
+      - uses: github/codeql-action/init@v4
+        with:
+          languages: javascript-typescript
+          queries: security-and-quality
+
+      - uses: github/codeql-action/analyze@v4

.gitignore

@@ -1,8 +1,10 @@
 node_modules/
 dist/
+/preview/
 CHANGELOG.md
 supabase/migrations/
 .DS_Store
 .env
 .env.*
 !.env.example
+!.env.production

.npmrc

@@ -0,0 +1 @@
+allow-git=all

README.md

@@ -1,62 +1,58 @@
 # OpenMouse
 
-OpenMouse is a browser-based app for managing supported gaming mice in one place.
-It uses the WebHID API to communicate with devices directly from Chrome or Edge — no separate desktop utility required.
+OpenMouse is a browser-based control panel for supported gaming mice.
 
-## Features
+Connect a mouse, view its information, and change supported settings such as DPI
+and polling rate without installing a different app for every brand.
 
-- **DPI control** — view and change sensitivity presets
-- **Polling rate** — switch between 125 Hz – 8 KHz where supported
-- **Battery & firmware** — read live status from wireless mice
-- **Lift-off distance**, debounce, motion sync, and more per brand
-- Supports Logitech, Pulsar, Endgame Gear, and WLMouse hardware
-
-## Browser support
-
-| Browser | WebHID | Status |
-|---------|--------|--------|
-| Chrome  | ✅ | Fully supported |
-| Edge    | ✅ | Fully supported |
-| Firefox | ❌ | WebHID not implemented |
-| Safari  | ❌ | WebHID not implemented |
+This branch is deployed as the public development control panel.
 
 ## Development
 
 ```bash
 npm install
-npm run dev      # start local dev server
-npm run build    # production build (requires tsc + vite)
-npm test         # run protocol unit tests
+npm run dev
 ```
 
-Copy `.env.example` to `.env` and fill in your Supabase credentials if you need the license/access-gate functions.
+Run the full local check before pushing changes:
 
-## Mouse Check — Diagnostics & Discord Reporting
+```bash
+npm run check
+```
 
-**Mouse Check** is a companion Tauri desktop app for checking whether a mouse is WebHID compatible.
-It scans native HID devices, tests the Razer protocol over every interface, and generates a full diagnostic report.
+## Bridge updates
 
-### Where to enter your Discord Webhook URL
+The Settings page compares the connected OpenMouse Bridge against its latest
+stable GitHub release. It only retrieves the version, changelog, and download
+link; it never downloads or installs an update in the background. Users can
+also run the check manually.
 
-1. Open **Mouse Check**
-2. Select your mouse from the device list and click **Run Diagnostics**
-3. When the **Discord Report** section appears at the bottom, paste your Discord Webhook URL into the field labeled *"Discord Webhook URL (saved locally)"*
-4. Click **Send to Discord**
+The control panel is organized by responsibility: `control.ts` coordinates the
+application, while the template, events, DOM helpers, persisted preferences,
+battery history, device selection, and rendering live in focused modules under
+`src/`.
 
-The webhook URL is saved in your browser's `localStorage` under the key `om-discord-webhook`.
-It is **never** stored in the app code, never committed to the repository, and never sent anywhere other than Discord.
+Packet codecs and WebHID drivers live in the standalone
+[`@openmouse/protocol`](https://github.com/OpenMouse-Project/mouse-protocol)
+library. Its codec entry points remain transport-independent, while its
+`drivers` entry points own discovery filters, device clients, retries, and
+application-facing status conversion. OpenMouse consumes the same public
+exports that external consumers use.
 
-**How to create a webhook:**
-Discord server → Channel settings → Integrations → Webhooks → New Webhook → Copy Webhook URL
+## Adding a vendor
 
-## Stack
+Codec and driver contributions belong in the `mouse-protocol` repository.
 
-- **Vite 6** + **TypeScript 5** — build tooling
-- **WebHID** — browser API for direct HID device access
-- **Cloudflare Pages** — hosting + edge functions (access gate)
-- **Supabase** — license verification (optional, for access gate)
+1. Add transport-independent packet definitions and codecs under the vendor's
+   `mouse-protocol/src/<vendor>/` folder.
+2. Add the WebHID implementation under `mouse-protocol/src/drivers/<vendor>/`.
+3. Register the driver and browser filters in the shared driver layer.
+4. Add or extend codec and driver tests, state which product IDs were verified
+   on hardware, and run the checks in both repositories.
 
-## License
+OpenMouse should only need changes when a driver introduces a genuinely new UI
+capability. The control UI otherwise discovers supported clients through the
+library registry automatically.
 
-Not currently licensed for use, modification, or redistribution.
-A license will be selected before the project's full public release.
+Hardware-specific validation checklists live in the protocol repository's
+`docs/` directory.

build/check-bundle-size.ts

@@ -0,0 +1,69 @@
+import { readdirSync, statSync } from "node:fs";
+import { join } from "node:path";
+
+const BUDGET_BYTES: Record<string, number> = {
+  // Raised from 103 kB for the interface themes: NieR: Automata and Liquid
+  // Glass each ship their own token block, and the liquid-glass material
+  // layer (SVG displacement filters plus their component rules) adds the
+  // largest share. The measured bundle is 153.7 kB; 175 kB adds headroom for
+  // the Developer Hall of Fame page (~15 kB of animated card and hero
+  // styles that load only on /contributors.html).
+  ".css": 175_000,
+  // Raised from 510 kB for Bridge discovery, profile editing, automatic
+  // reconnection, and recent device support, which have since grown further
+  // with the supported-device page and MX Master remap controls. Preview
+  // fixtures retain their separate allowance below; the measured aggregate
+  // is 573.4 kB with them, plus the ~11 kB Hall of Fame chunk. Raised again
+  // from 590 kB for the Razer button-mapping card and its codec: the measured
+  // aggregate is 588.2 kB, which left under 2 kB of headroom. Raised again to
+  // 610 kB for the Pulsar XS-1 feature-report driver and 4K receiver support
+  // (mouse-protocol 3c3a445): the X3 family codec plus the 4K DPI/polling work
+  // adds ~1.3 kB to the measured aggregate.
+  ".js": 610_000,
+};
+
+const ASSETS = join("dist", "assets");
+
+function bundles(): { name: string; ext: string; bytes: number }[] {
+  return readdirSync(ASSETS)
+    .filter((name) => name.endsWith(".css") || name.endsWith(".js"))
+    .map((name) => ({
+      name,
+      ext: name.slice(name.lastIndexOf(".")),
+      bytes: statSync(join(ASSETS, name)).size,
+    }));
+}
+
+const found = bundles();
+if (found.length === 0) {
+  console.error(`No bundles in ${ASSETS}. Run "npm run build" first.`);
+  process.exit(1);
+}
+
+const budgets = {
+  ...BUDGET_BYTES,
+  ".js": BUDGET_BYTES[".js"] + (found.some(({ name }) => name.startsWith("preview-fixtures-")) ? 18_000 : 0),
+};
+
+const totals = new Map<string, number>();
+for (const { ext, bytes } of found) totals.set(ext, (totals.get(ext) ?? 0) + bytes);
+
+let failed = false;
+for (const [ext, budget] of Object.entries(budgets)) {
+  const bytes = totals.get(ext) ?? 0;
+  const percent = Math.round((bytes / budget) * 100);
+  const label = `${ext.slice(1).toUpperCase().padEnd(3)} ${String(bytes).padStart(7)} / ${budget} bytes (${percent}%)`;
+  if (bytes > budget) {
+    failed = true;
+    console.error(`over budget  ${label}`);
+  } else {
+    console.log(`ok           ${label}`);
+  }
+}
+
+if (failed) {
+  console.error("");
+  console.error("A bundle grew past its budget. Justify the growth and raise BUDGET_BYTES,");
+  console.error("or find what was added. Adding a CSS framework once cost 19 kB unnoticed.");
+  process.exit(1);
+}