From 429e40f841f97cdee9fe36fd8a25997f0660b769 Mon Sep 17 00:00:00 2001
From: Raphael <68374617+raphaelscholle@users.noreply.github.com>
Date: Mon, 2 Nov 2026 11:59:52 +0100
Subject: [PATCH 01/10] feat: add unified tracker page

---
 src/pages/bugs.tsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
 create mode 100644 src/pages/bugs.tsx

diff --git a/src/pages/bugs.tsx b/src/pages/bugs.tsx
new file mode 100644
index 00000000..2a16eef8
--- /dev/null
+++ b/src/pages/bugs.tsx
@@ -0,0 +1,14 @@
+import React, {useEffect, useMemo, useState} from 'react';
+import Layout from '@theme/Layout';
+import styles from './bugs.module.css';
+
+type Entry = {id:number; number:number; title:string; state:string; html_url:string; updated_at:string; repository_url:string; pull_request?:object; labels:{name:string}[]};
+export default function Bugs() {
+ const [items,setItems]=useState<Entry[]>([]);
+ const [error,setError]=useState('');
+ const [query,setQuery]=useState('');
+ const [type,setType]=useState('all');
+ useEffect(()=>{ const abort=new AbortController(); fetch('https://api.github.com/search/issues?q=org%3AOpenHD%20sort%3Aupdated-desc&per_page=100',{signal:abort.signal,headers:{Accept:'application/vnd.github+json'}}).then(r=>{if(!r.ok)throw Error('GitHub API unavailable');return r.json()}).then(j=>setItems(j.items||[])).catch(e=>{if(!abort.signal.aborted)setError(String(e))});return ()=>abort.abort();},[]);
+ const filtered=useMemo(()=>items.filter(i=>(type==='all'||(type==='pulls'?!!i.pull_request:!i.pull_request))&&(i.title+' '+i.repository_url+' '+i.number).toLowerCase().includes(query.toLowerCase())),[items,query,type]);
+ return <Layout title="Bug Tracker"><main className={styles.page}><header className={styles.header}><div><h1>OpenHD Bug Tracker</h1><p>GitHub issues and pull requests across the OpenHD organization.</p></div><a className="button button--primary" href="/bugs/report">Report a bug</a></header><div className={styles.controls}><select aria-label="Filter type" value={type} onChange={e=>setType(e.target.value)}><option value="all">All activity</option><option value="issues">Issues</option><option value="pulls">Pull requests</option></select><input aria-label="Search" placeholder="Search issues..." value={query} onChange={e=>setQuery(e.target.value)}/></div><div className={styles.list}>{error?<p role="alert">{error}</p>:filtered.length===0?<p>No items loaded or matching.</p>:filtered.map(i=><a key={i.id} className={styles.item} href={i.html_url} target="_blank" rel="noopener noreferrer"><span className={styles.title}>#{i.number} {i.title}</span><span>{i.pull_request?'Pull request':'Issue'}</span><span>{i.state}</span><span>{i.repository_url.split('/').pop()}</span></a>)}</div><p className={styles.note}>Latest 100 updated public GitHub items. Open an entry on GitHub for full details.</p></main></Layout>;
+}

From 400e61270aab06c2dd83779ae5a1d93c2c5fc1ef Mon Sep 17 00:00:00 2001
From: Raphael <68374617+raphaelscholle@users.noreply.github.com>
Date: Mon, 2 Nov 2026 12:00:38 +0100
Subject: [PATCH 02/10] style: tracker page layout

---
 src/pages/bugs.module.css | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 src/pages/bugs.module.css

diff --git a/src/pages/bugs.module.css b/src/pages/bugs.module.css
new file mode 100644
index 00000000..4267224b
--- /dev/null
+++ b/src/pages/bugs.module.css
@@ -0,0 +1 @@
+.page{max-width:1200px;margin:auto;padding:3rem 1.5rem 5rem;min-height:65vh}.header{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:2rem}.header h1{margin-bottom:.4rem}.header p,.note{color:var(--ifm-color-emphasis-600)}.controls{display:flex;gap:1rem;margin-bottom:1.5rem}.controls input{flex:1}.controls select,.controls input{padding:.75rem;border:1px solid var(--ifm-color-emphasis-300);border-radius:7px;background:var(--ifm-background-surface-color);color:var(--ifm-font-color-base)}.list{border:1px solid var(--ifm-color-emphasis-200);border-radius:9px;overflow:hidden}.item{display:grid;grid-template-columns:minmax(0,3fr) 1fr .6fr 1fr;gap:1rem;padding:1.1rem 1.2rem;border-bottom:1px solid var(--ifm-color-emphasis-200);align-items:center;color:var(--ifm-font-color-base)}.item:last-child{border-bottom:0}.item:hover{background:var(--ifm-hover-overlay);text-decoration:none}.title{font-weight:600;color:var(--ifm-color-primary)}.note{font-size:.85rem;margin-top:1.5rem}.form{max-width:780px}.form label{display:block;font-weight:600;margin:1.2rem 0}.form input,.form textarea,.form select{display:block;width:100%;margin-top:.45rem;padding:.75rem;background:var(--ifm-background-surface-color);color:var(--ifm-font-color-base);border:1px solid var(--ifm-color-emphasis-300);border-radius:7px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.notice{padding:1rem;border:1px solid var(--ifm-color-emphasis-300);border-radius:8px;margin:1rem 0}.error{color:var(--ifm-color-danger);font-weight:600}.help{font-size:.9rem;color:var(--ifm-color-emphasis-700)}@media(max-width:760px){.header,.controls{flex-direction:column;align-items:stretch}.item{grid-template-columns:1fr 1fr}.title{grid-column:1/-1}.columns{grid-template-columns:1fr}}
\ No newline at end of file

From bc857225ace31d84a8ccc91db90b93054e1145c3 Mon Sep 17 00:00:00 2001
From: Raphael <68374617+raphaelscholle@users.noreply.github.com>
Date: Mon, 2 Nov 2026 12:00:55 +0100
Subject: [PATCH 03/10] feat: require Air and Ground logs in report form

---
 src/pages/bugs/report.tsx | 43 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 src/pages/bugs/report.tsx

diff --git a/src/pages/bugs/report.tsx b/src/pages/bugs/report.tsx
new file mode 100644
index 00000000..2d455266
--- /dev/null
+++ b/src/pages/bugs/report.tsx
@@ -0,0 +1,43 @@
+import React, {useState} from 'react';
+import Layout from '@theme/Layout';
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import Link from '@docusaurus/Link';
+import styles from '../bugs.module.css';
+
+export default function ReportBug() {
+ const {siteConfig}=useDocusaurusContext();
+ const endpoint=String(siteConfig.customFields?.bugReportApiUrl||'');
+ const [title,setTitle]=useState('');
+ const [description,setDescription]=useState('');
+ const [air,setAir]=useState<File|null>(null);
+ const [ground,setGround]=useState<File|null>(null);
+ const [busy,setBusy]=useState(false);
+ const [message,setMessage]=useState('');
+ const valid=(f:File|null)=>Boolean(f&&f.size>0&&f.size<=52428800&&(/\.zip$|\.tgz$|\.tar\.gz$/i).test(f.name));
+ const ready=Boolean(endpoint&&title.trim()&&description.trim()&&valid(air)&&valid(ground)&&!busy);
+ async function submit(e:React.FormEvent<HTMLFormElement>) {
+  e.preventDefault();if(!ready)return;
+  const body=new FormData();body.set('title',title);body.set('description',description);body.set('air_logs',air!);body.set('ground_logs',ground!);
+  setBusy(true);setMessage('');
+  try{
+   const response=await fetch(endpoint,{method:'POST',body});
+   if(!response.ok)throw new Error('Report submission failed.');
+   const result=await response.json();
+   setMessage(typeof result.url==='string'&&result.url.startsWith('https://github.com/OpenHD/')?'Report created: '+result.url:'Report submitted.');
+  }catch(e){setMessage(e instanceof Error?e.message:'Unable to submit report.');}
+  finally{setBusy(false);}
+ }
+ return <Layout title="Report a bug"><main className={styles.page}><header className={styles.header}><div><h1>Report a bug</h1><p>Air and Ground diagnostic logs are required.</p></div><Link to="/bugs">Back to tracker</Link></header>
+ <form className={styles.form} onSubmit={submit}>
+ <label>Title *<input required value={title} maxLength={160} onChange={e=>setTitle(e.target.value)}/></label>
+ <label>Description and reproduction steps *<textarea required rows={6} value={description} maxLength={10000} onChange={e=>setDescription(e.target.value)}/></label>
+ <h2>Required diagnostic archives</h2><p className={styles.help}>Upload .zip, .tar.gz or .tgz archives up to 50 MB each. Check logs for private information before uploading.</p>
+ <div className={styles.columns}>
+ <label>Air unit logs *<input required type="file" accept=".zip,.gz,.tgz" onChange={e=>setAir(e.target.files?.[0]||null)}/>{air&&!valid(air)&&<span className={styles.error}>Invalid archive</span>}</label>
+ <label>Ground unit logs *<input required type="file" accept=".zip,.gz,.tgz" onChange={e=>setGround(e.target.files?.[0]||null)}/>{ground&&!valid(ground)&&<span className={styles.error}>Invalid archive</span>}</label>
+ </div>
+ {!endpoint&&<p className={styles.notice}>Submission is disabled until the secure upload API is configured.</p>}
+ {message&&<p role="status" className={styles.notice}>{message}</p>}
+ <button className="button button--primary" type="submit" disabled={!ready}>{busy?'Uploading…':'Submit bug report'}</button>
+ </form></main></Layout>;
+}

From 2bb7e8b867121d14fb8ae7ad9275f78406b12078 Mon Sep 17 00:00:00 2001
From: Raphael <68374617+raphaelscholle@users.noreply.github.com>
Date: Mon, 2 Nov 2026 12:01:11 +0100
Subject: [PATCH 04/10] feat: link bug tracker in site navigation and configure
 reporting endpoint

---
 docusaurus.config.ts | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index f0596ee8..15e4b3c8 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -24,6 +24,8 @@ const config: Config = {
   baseUrl: isStaging ? '/staging/' : '/',
   noIndex: isStaging,
 
+  customFields: {bugReportApiUrl: process.env.BUG_REPORT_API_URL || ''},
+
   // GitHub pages deployment config.
   // If you aren't using GitHub pages, you don't need these.
   organizationName: 'OpenHD', // Usually your GitHub org/user name.
@@ -366,6 +368,11 @@ const config: Config = {
           label: 'Changelog',
           position: 'left',
         },
+        {
+          to: '/bugs',
+          label: 'Bug Tracker',
+          position: 'left',
+        },
         {
           type: 'docsVersionDropdown',
           position: 'right',

From c406cf093264353a60c3692b12cd5f03b86659a8 Mon Sep 17 00:00:00 2001
From: Raphael <68374617+raphaelscholle@users.noreply.github.com>
Date: Mon, 2 Nov 2026 12:01:51 +0100
Subject: [PATCH 05/10] docs: document secure report backend requirements

---
 BUG_TRACKER.md | 11 +++++++++++
 1 file changed, 11 insertions(+)
 create mode 100644 BUG_TRACKER.md

diff --git a/BUG_TRACKER.md b/BUG_TRACKER.md
new file mode 100644
index 00000000..aa0e1db2
--- /dev/null
+++ b/BUG_TRACKER.md
@@ -0,0 +1,11 @@
+## Bug tracker
+
+`/bugs` lists recent public issues and pull requests from the OpenHD GitHub organization. `/bugs/report` provides a form requiring both Air and Ground archives.
+
+The site is hosted on GitHub Pages, which cannot receive uploads directly. The form remains disabled until `BUG_REPORT_API_URL` is supplied as a build-time environment variable for Docusaurus.
+
+Expected API: `POST` multipart/form-data with `title`, `description`, `air_logs`, and `ground_logs`. On success return JSON containing the new GitHub issue `url`.
+
+Before production, deploy an authenticated backend that validates the two archives server-side, enforces 50 MiB per archive and abuse limits, stores files privately, creates a GitHub issue with sanitized metadata, and sends the configured maintainer an email notification. Diagnostic archives must never be published to GitHub or emailed as attachments. Provide authorized maintainer downloads with audit logging, retention policies and expiring links. Use backend secrets for GitHub and mail access. Ensure safe archive inspection and file-size validation.
+
+No secure upload service or notification delivery is deployed by this frontend change.

From a91ac8d8d565e68292d2525f0ef303e637aafc85 Mon Sep 17 00:00:00 2001
From: Raphael <68374617+raphaelscholle@users.noreply.github.com>
Date: Mon, 2 Nov 2026 12:05:05 +0100
Subject: [PATCH 06/10] feat: provision VPS report API container

---
 bug-api/requirements.txt | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 bug-api/requirements.txt

diff --git a/bug-api/requirements.txt b/bug-api/requirements.txt
new file mode 100644
index 00000000..73ee2e34
--- /dev/null
+++ b/bug-api/requirements.txt
@@ -0,0 +1,4 @@
+fastapi==0.115.12
+uvicorn==0.34.2
+python-multipart==0.0.20
+httpx==0.28.1

From 1cadaa3bada7f125010dea0548f315093b6e0e31 Mon Sep 17 00:00:00 2001
From: Raphael <68374617+raphaelscholle@users.noreply.github.com>
Date: Mon, 2 Nov 2026 13:22:01 +0100
Subject: [PATCH 07/10] feat: complete FleetControl-backed bug tracker and
 validated report form

---
 .github/workflows/bug-tracker.yml             |  28 +++++
 .gitignore                                    |   2 +
 BUG_TRACKER.md                                |  28 ++++-
 bug-api/requirements.txt                      |   4 -
 docusaurus.config.ts                          |   2 +-
 package.json                                  |   4 +-
 ...id-info__docusaurus-og@1.0.4-alpha.0.patch |  12 ++
 playwright.config.ts                          |  10 ++
 pnpm-lock.yaml                                |  44 ++++++-
 src/components/BugApi.ts                      |  15 +++
 src/pages/bugs.module.css                     |   4 +-
 src/pages/bugs.tsx                            |  44 +++++--
 src/pages/bugs/detail.tsx                     |  26 +++++
 src/pages/bugs/report.tsx                     | 110 ++++++++++++------
 tests/bugs.spec.ts                            |  55 +++++++++
 15 files changed, 326 insertions(+), 62 deletions(-)
 create mode 100644 .github/workflows/bug-tracker.yml
 delete mode 100644 bug-api/requirements.txt
 create mode 100644 playwright.config.ts
 create mode 100644 src/components/BugApi.ts
 create mode 100644 src/pages/bugs/detail.tsx
 create mode 100644 tests/bugs.spec.ts

diff --git a/.github/workflows/bug-tracker.yml b/.github/workflows/bug-tracker.yml
new file mode 100644
index 00000000..5abdbd83
--- /dev/null
+++ b/.github/workflows/bug-tracker.yml
@@ -0,0 +1,28 @@
+name: Bug tracker validation
+on:
+  pull_request:
+  push:
+    branches: [feature/unified-bug-tracker]
+permissions:
+  contents: read
+jobs:
+  website:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 24
+      - uses: pnpm/action-setup@v4
+        with:
+          version: 9.0.0
+      - run: pnpm install --frozen-lockfile
+      - run: pnpm typecheck
+      - run: pnpm build
+      - run: pnpm exec playwright install --with-deps chromium
+      - run: pnpm test:bugs
+      - uses: actions/upload-artifact@v4
+        if: always()
+        with:
+          name: bug-tracker-browser-results
+          path: test-results
diff --git a/.gitignore b/.gitignore
index 020ccc06..671ce705 100644
--- a/.gitignore
+++ b/.gitignore
@@ -40,6 +40,8 @@ social-card-template.html
 # Windows artifacts
 nul
 Thumbs.db
+test-results/
+playwright-report/
 *.tmp
 
 # Version control temp files
diff --git a/BUG_TRACKER.md b/BUG_TRACKER.md
index aa0e1db2..08c994e2 100644
--- a/BUG_TRACKER.md
+++ b/BUG_TRACKER.md
@@ -1,11 +1,27 @@
-## Bug tracker
+# Unified OpenHD bug tracker
 
-`/bugs` lists recent public issues and pull requests from the OpenHD GitHub organization. `/bugs/report` provides a form requiring both Air and Ground archives.
+The website uses `https://openhd.tech/api/bugs` by default. Set `BUG_REPORT_API_URL` at build time to change it. No credentials belong in the website. This extends PR #12; FleetControl owns the backend, so the unused Python requirements are removed.
 
-The site is hosted on GitHub Pages, which cannot receive uploads directly. The form remains disabled until `BUG_REPORT_API_URL` is supplied as a build-time environment variable for Docusaurus.
+`/bugs` supports search, type, status, repository and component filters with server pagination. GitHub search caps results at 1,000; narrow filters for older results. GitHub data is cached for one minute, with rate-limit backoff. `/bugs/detail?repo=OpenHD/OpenHD&number=123` shows descriptions as escaped text, metadata, related pull requests and the original link.
 
-Expected API: `POST` multipart/form-data with `title`, `description`, `air_logs`, and `ground_logs`. On success return JSON containing the new GitHub issue `url`.
+`/bugs/report` requires title, description, reproduction steps, version, component, Air hardware, Ground hardware, and both archives. ZIP, tar.gz and tgz are accepted; 50 MiB per archive is the default. The separately marked incomplete-diagnostics workflow requires an explanation of at least 20 characters, holds reports privately for administrator approval, and accepts any available archive.
 
-Before production, deploy an authenticated backend that validates the two archives server-side, enforces 50 MiB per archive and abuse limits, stores files privately, creates a GitHub issue with sanitized metadata, and sends the configured maintainer an email notification. Diagnostic archives must never be published to GitHub or emailed as attachments. Provide authorized maintainer downloads with audit logging, retention policies and expiring links. Use backend secrets for GitHub and mail access. Ensure safe archive inspection and file-size validation.
+Turnstile is verified server-side. Uploads show progress, and the browser keeps the submission token in sessionStorage during pending or interrupted requests. Accepted reports return HTTP 202; the client then polls for the GitHub number and URL. Email failures do not affect issue creation.
 
-No secure upload service or notification delivery is deployed by this frontend change.
+Private archives are available only after a FleetControl administrator signs in at `https://openhd.tech/#/admin/bugs`. The website sends no cross-origin session cookies and receives no permanent download links. Logs are never sent to GitHub or attached to email.
+
+## Deployment
+
+FleetControl's `docs/bug-tracker.md` contains the API contract, configuration and recovery instructions. Configure the API first, then validate this branch with Node 24 and pnpm 9:
+
+```
+pnpm install --frozen-lockfile
+pnpm typecheck
+pnpm build
+pnpm exec playwright install chromium
+pnpm test:bugs
+```
+
+Playwright uses a built website and mocked integration responses; it does not prove live GitHub creation, human verification or email delivery. Production activation requires the live smoke test in the backend documentation.
+
+Website pushes to `main` publish under `/staging/`; pushes to `online` publish the public root. Feature-branch and PR validation do not deploy. Set the Turnstile widget hostname to `openhdfpv.org` and allow that exact HTTPS origin on FleetControl. The submit button stays disabled until the API reports that all required backend integrations are configured.
diff --git a/bug-api/requirements.txt b/bug-api/requirements.txt
deleted file mode 100644
index 73ee2e34..00000000
--- a/bug-api/requirements.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-fastapi==0.115.12
-uvicorn==0.34.2
-python-multipart==0.0.20
-httpx==0.28.1
diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index 15e4b3c8..19f4e64a 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -24,7 +24,7 @@ const config: Config = {
   baseUrl: isStaging ? '/staging/' : '/',
   noIndex: isStaging,
 
-  customFields: {bugReportApiUrl: process.env.BUG_REPORT_API_URL || ''},
+  customFields: {bugReportApiUrl: process.env.BUG_REPORT_API_URL || 'https://openhd.tech/api/bugs'},
 
   // GitHub pages deployment config.
   // If you aren't using GitHub pages, you don't need these.
diff --git a/package.json b/package.json
index c95cc212..26b00349 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,8 @@
     "serve": "docusaurus serve",
     "write-translations": "docusaurus write-translations",
     "write-heading-ids": "docusaurus write-heading-ids",
-    "typecheck": "tsc"
+    "typecheck": "tsc",
+    "test:bugs": "playwright test"
   },
   "dependencies": {
     "@acid-info/docusaurus-og": "1.0.4-alpha.0",
@@ -40,6 +41,7 @@
     "@docusaurus/module-type-aliases": "3.10.2",
     "@docusaurus/tsconfig": "3.10.2",
     "@docusaurus/types": "3.10.2",
+    "@playwright/test": "1.58.2",
     "glob": "^13.0.6",
     "sharp": "^0.35.3",
     "typescript": "~5.7.3"
diff --git a/patches/@acid-info__docusaurus-og@1.0.4-alpha.0.patch b/patches/@acid-info__docusaurus-og@1.0.4-alpha.0.patch
index 57f5d2df..453ffd3b 100644
--- a/patches/@acid-info__docusaurus-og@1.0.4-alpha.0.patch
+++ b/patches/@acid-info__docusaurus-og@1.0.4-alpha.0.patch
@@ -57,3 +57,15 @@ index 106fe9ff80bf9d122a4f43c7e8fa0a849d01a215..567138766af782e53e3c0d4e4a74b5e8
 +    };
  }
  exports.PagesPlugin = PagesPlugin;
+diff --git a/lib/server/document.js b/lib/server/document.js
+--- a/lib/server/document.js
++++ b/lib/server/document.js
+@@ -40,7 +40,7 @@ class Document {
+     };
+     load = async () => {
+         const htmlString = await fsp.readFile(this.path, 'utf-8');
+-        this.root = (0, node_html_parser_1.parse)(htmlString);
++        this.root = (0, node_html_parser_1.parse)(htmlString, { parseNoneClosedTags: true });
+         this.loaded = true;
+     };
+     write = async () => {
diff --git a/playwright.config.ts b/playwright.config.ts
new file mode 100644
index 00000000..9e26a119
--- /dev/null
+++ b/playwright.config.ts
@@ -0,0 +1,10 @@
+import {defineConfig} from '@playwright/test';
+export default defineConfig({
+  testDir: './tests', testMatch: '**/bugs.spec.ts', timeout: 30000,
+  use: {baseURL: 'http://127.0.0.1:3017', trace: 'retain-on-failure'},
+  projects: [
+    {name: 'desktop', use: {viewport: {width: 1440, height: 1000}, colorScheme: 'light'}},
+    {name: 'mobile-dark', use: {viewport: {width: 390, height: 844}, colorScheme: 'dark'}},
+  ],
+  webServer: {command: 'pnpm exec docusaurus serve --host 127.0.0.1 --port 3017 --no-open', url: 'http://127.0.0.1:3017/bugs', reuseExistingServer: false, timeout: 120000},
+});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8b129698..0067937a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -6,7 +6,7 @@ settings:
 
 patchedDependencies:
   '@acid-info/docusaurus-og@1.0.4-alpha.0':
-    hash: vtyinecjv573vohpamzlmkubgi
+    hash: 7tbcdpgr4xuktuo25z6s3wo7vy
     path: patches/@acid-info__docusaurus-og@1.0.4-alpha.0.patch
 
 importers:
@@ -15,7 +15,7 @@ importers:
     dependencies:
       '@acid-info/docusaurus-og':
         specifier: 1.0.4-alpha.0
-        version: 1.0.4-alpha.0(patch_hash=vtyinecjv573vohpamzlmkubgi)(@docusaurus/faster@3.10.2(@docusaurus/types@3.10.2(@swc/core@1.16.0)(postcss@8.5.26)(react-dom@19.2.8(react@19.2.8))(react@19.2.8))(postcss@8.5.26))(@mdx-js/react@3.1.1(@types/react@19.2.18)(react@19.2.8))(@rspack/core@1.7.12)(@swc/core@1.16.0)(postcss@8.5.26)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(typescript@5.7.3)
+        version: 1.0.4-alpha.0(patch_hash=7tbcdpgr4xuktuo25z6s3wo7vy)(@docusaurus/faster@3.10.2(@docusaurus/types@3.10.2(@swc/core@1.16.0)(postcss@8.5.26)(react-dom@19.2.8(react@19.2.8))(react@19.2.8))(postcss@8.5.26))(@mdx-js/react@3.1.1(@types/react@19.2.18)(react@19.2.8))(@rspack/core@1.7.12)(@swc/core@1.16.0)(postcss@8.5.26)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(typescript@5.7.3)
       '@docusaurus/core':
         specifier: 3.10.2
         version: 3.10.2(@docusaurus/faster@3.10.2(@docusaurus/types@3.10.2(@swc/core@1.16.0)(postcss@8.5.26)(react-dom@19.2.8(react@19.2.8))(react@19.2.8))(postcss@8.5.26))(@mdx-js/react@3.1.1(@types/react@19.2.18)(react@19.2.8))(@rspack/core@1.7.12)(@swc/core@1.16.0)(debug@4.4.3)(postcss@8.5.26)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(typescript@5.7.3)
@@ -80,6 +80,9 @@ importers:
       '@docusaurus/types':
         specifier: 3.10.2
         version: 3.10.2(@swc/core@1.16.0)(postcss@8.5.26)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
+      '@playwright/test':
+        specifier: 1.58.2
+        version: 1.58.2
       glob:
         specifier: ^13.0.6
         version: 13.0.6
@@ -1878,6 +1881,11 @@ packages:
     resolution: {integrity: sha512-C2Xj8FZ0uHWeCXXqX5B4/gVFQmtSkiuOolzAgutjTfseNOHT3pUjljDZsTSxXFGgio54bCzVFqmEOUrIVk8RDA==}
     engines: {node: '>=20.0.0'}
 
+  '@playwright/test@1.58.2':
+    resolution: {integrity: sha512-akea+6bHYBBfA9uQqSYmlJXn61cTa+jbO87xVLCWbTqbWadRVmhxlXATaOjOgcBaWU4ePo0wB41KMFv3o35IXA==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   '@pnpm/config.env-replace@1.1.0':
     resolution: {integrity: sha512-htyl8TWnKL7K/ESFa1oW2UB5lVDxuF5DpM7tBi6Hu2LNL3mWkIzNLG6N4zoCUP1lCKNxWy/3iu8mS8MvToGd6w==}
     engines: {node: '>=12.22.0'}
@@ -3859,6 +3867,11 @@ packages:
   fs.realpath@1.0.0:
     resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
 
+  fsevents@2.3.2:
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
   fsevents@2.3.3:
     resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
@@ -5193,6 +5206,16 @@ packages:
     resolution: {integrity: sha512-emEcLuomt2j03vxD54giVB4SxTjnsqkU692xZOZXHDVoYyypEm+b3jpiTcc+Cf+myooc+/Ly0z01jqeNHVgJGw==}
     engines: {node: '>=16.0.0'}
 
+  playwright-core@1.58.2:
+    resolution: {integrity: sha512-yZkEtftgwS8CsfYo7nm0KE8jsvm6i/PTgVtB8DL726wNf6H2IMsDuxCpJj59KDaxCtSnrWan2AeDqM7JBaultg==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  playwright@1.58.2:
+    resolution: {integrity: sha512-vA30H8Nvkq/cPBnNw4Q8TWz1EJyqgpuinBcHET0YVJVFldr8JDNiU9LaWAE1KqSkRYazuaBhTpB5ZzShOezQ6A==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   points-on-curve@0.2.0:
     resolution: {integrity: sha512-0mYKnYYe9ZcqMCWhUjItv/oHjvgEsfKvnUTg8sAtnHr3GVy7rGkXCb6d5cSyqrWqL4k81b9CPg3urd+T7aop3A==}
 
@@ -6714,7 +6737,7 @@ snapshots:
       section-matter: 1.0.0
       strip-bom-string: 1.0.0
 
-  '@acid-info/docusaurus-og@1.0.4-alpha.0(patch_hash=vtyinecjv573vohpamzlmkubgi)(@docusaurus/faster@3.10.2(@docusaurus/types@3.10.2(@swc/core@1.16.0)(postcss@8.5.26)(react-dom@19.2.8(react@19.2.8))(react@19.2.8))(postcss@8.5.26))(@mdx-js/react@3.1.1(@types/react@19.2.18)(react@19.2.8))(@rspack/core@1.7.12)(@swc/core@1.16.0)(postcss@8.5.26)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(typescript@5.7.3)':
+  '@acid-info/docusaurus-og@1.0.4-alpha.0(patch_hash=7tbcdpgr4xuktuo25z6s3wo7vy)(@docusaurus/faster@3.10.2(@docusaurus/types@3.10.2(@swc/core@1.16.0)(postcss@8.5.26)(react-dom@19.2.8(react@19.2.8))(react@19.2.8))(postcss@8.5.26))(@mdx-js/react@3.1.1(@types/react@19.2.18)(react@19.2.8))(@rspack/core@1.7.12)(@swc/core@1.16.0)(postcss@8.5.26)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(typescript@5.7.3)':
     dependencies:
       '@docusaurus/core': 3.8.1(@docusaurus/faster@3.10.2(@docusaurus/types@3.10.2(@swc/core@1.16.0)(postcss@8.5.26)(react-dom@19.2.8(react@19.2.8))(react@19.2.8))(postcss@8.5.26))(@mdx-js/react@3.1.1(@types/react@19.2.18)(react@19.2.8))(@rspack/core@1.7.12)(@swc/core@1.16.0)(postcss@8.5.26)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(typescript@5.7.3)
       '@docusaurus/module-type-aliases': 3.8.1(@swc/core@1.16.0)(postcss@8.5.26)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
@@ -10255,6 +10278,10 @@ snapshots:
       tslib: 2.8.1
       tsyringe: 4.10.0
 
+  '@playwright/test@1.58.2':
+    dependencies:
+      playwright: 1.58.2
+
   '@pnpm/config.env-replace@1.1.0': {}
 
   '@pnpm/network.ca-file@1.0.2':
@@ -12352,6 +12379,9 @@ snapshots:
 
   fs.realpath@1.0.0: {}
 
+  fsevents@2.3.2:
+    optional: true
+
   fsevents@2.3.3:
     optional: true
 
@@ -14018,6 +14048,14 @@ snapshots:
       pvutils: 1.2.0
       tslib: 2.8.1
 
+  playwright-core@1.58.2: {}
+
+  playwright@1.58.2:
+    dependencies:
+      playwright-core: 1.58.2
+    optionalDependencies:
+      fsevents: 2.3.2
+
   points-on-curve@0.2.0: {}
 
   points-on-path@0.2.1:
diff --git a/src/components/BugApi.ts b/src/components/BugApi.ts
new file mode 100644
index 00000000..0e68fe03
--- /dev/null
+++ b/src/components/BugApi.ts
@@ -0,0 +1,15 @@
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+export type BugEntry = { id: number; number: number; title: string; body?: string; state: string; html_url: string; updated_at: string; repository_url: string; pull_request?: {merged_at?: string}; merged?: boolean; labels: {name: string}[]; related?: BugEntry[] };
+export function useBugApi() {
+  const {siteConfig} = useDocusaurusContext();
+  const endpoint = String(siteConfig.customFields?.bugReportApiUrl || '').replace(/\/$/, '');
+  return endpoint.startsWith('https://') ? endpoint : '';
+}
+export function entryType(entry: BugEntry) { return entry.pull_request ? 'Pull Request' : entry.labels.some(label => label.name === 'website-report') ? 'Bug' : 'GitHub Issue'; }
+export function labelValue(entry: BugEntry, prefix: string) { return entry.labels.find(label => label.name.startsWith(`${prefix}:`))?.name.slice(prefix.length + 1) || '—'; }
+export async function bugFetch(url: string, options?: RequestInit) {
+  const response = await fetch(url, options);
+  const result = await response.json();
+  if (!response.ok) {const error = new Error((result.message || 'The tracker is temporarily unavailable.') + (response.headers.get('Retry-After') ? ` Retry in ${response.headers.get('Retry-After')} seconds.` : '')); Object.assign(error, {status: response.status}); throw error;}
+  return result;
+}
diff --git a/src/pages/bugs.module.css b/src/pages/bugs.module.css
index 4267224b..09304255 100644
--- a/src/pages/bugs.module.css
+++ b/src/pages/bugs.module.css
@@ -1 +1,3 @@
-.page{max-width:1200px;margin:auto;padding:3rem 1.5rem 5rem;min-height:65vh}.header{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:2rem}.header h1{margin-bottom:.4rem}.header p,.note{color:var(--ifm-color-emphasis-600)}.controls{display:flex;gap:1rem;margin-bottom:1.5rem}.controls input{flex:1}.controls select,.controls input{padding:.75rem;border:1px solid var(--ifm-color-emphasis-300);border-radius:7px;background:var(--ifm-background-surface-color);color:var(--ifm-font-color-base)}.list{border:1px solid var(--ifm-color-emphasis-200);border-radius:9px;overflow:hidden}.item{display:grid;grid-template-columns:minmax(0,3fr) 1fr .6fr 1fr;gap:1rem;padding:1.1rem 1.2rem;border-bottom:1px solid var(--ifm-color-emphasis-200);align-items:center;color:var(--ifm-font-color-base)}.item:last-child{border-bottom:0}.item:hover{background:var(--ifm-hover-overlay);text-decoration:none}.title{font-weight:600;color:var(--ifm-color-primary)}.note{font-size:.85rem;margin-top:1.5rem}.form{max-width:780px}.form label{display:block;font-weight:600;margin:1.2rem 0}.form input,.form textarea,.form select{display:block;width:100%;margin-top:.45rem;padding:.75rem;background:var(--ifm-background-surface-color);color:var(--ifm-font-color-base);border:1px solid var(--ifm-color-emphasis-300);border-radius:7px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.notice{padding:1rem;border:1px solid var(--ifm-color-emphasis-300);border-radius:8px;margin:1rem 0}.error{color:var(--ifm-color-danger);font-weight:600}.help{font-size:.9rem;color:var(--ifm-color-emphasis-700)}@media(max-width:760px){.header,.controls{flex-direction:column;align-items:stretch}.item{grid-template-columns:1fr 1fr}.title{grid-column:1/-1}.columns{grid-template-columns:1fr}}
\ No newline at end of file
+.page{max-width:1200px;margin:auto;padding:3rem 1.5rem 5rem;min-height:65vh}.header{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:2rem}.header h1{margin-bottom:.4rem}.header p,.note{color:var(--ifm-color-emphasis-600)}.controls{display:flex;gap:1rem;margin-bottom:1.5rem}.controls input{flex:1}.controls select,.controls input{padding:.75rem;border:1px solid var(--ifm-color-emphasis-300);border-radius:7px;background:var(--ifm-background-surface-color);color:var(--ifm-font-color-base)}.list{border:1px solid var(--ifm-color-emphasis-200);border-radius:9px;overflow:hidden}.item{display:grid;grid-template-columns:minmax(0,3fr) 1fr .6fr 1fr;gap:1rem;padding:1.1rem 1.2rem;border-bottom:1px solid var(--ifm-color-emphasis-200);align-items:center;color:var(--ifm-font-color-base)}.item:last-child{border-bottom:0}.item:hover{background:var(--ifm-hover-overlay);text-decoration:none}.title{font-weight:600;color:var(--ifm-color-primary)}.note{font-size:.85rem;margin-top:1.5rem}.form{max-width:780px}.form label{display:block;font-weight:600;margin:1.2rem 0}.form input,.form textarea,.form select{display:block;width:100%;margin-top:.45rem;padding:.75rem;background:var(--ifm-background-surface-color);color:var(--ifm-font-color-base);border:1px solid var(--ifm-color-emphasis-300);border-radius:7px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.notice{padding:1rem;border:1px solid var(--ifm-color-emphasis-300);border-radius:8px;margin:1rem 0}.error{color:var(--ifm-color-danger);font-weight:600}.help{font-size:.9rem;color:var(--ifm-color-emphasis-700)}@media(max-width:760px){.header,.controls{flex-direction:column;align-items:stretch}.item{grid-template-columns:1fr 1fr}.title{grid-column:1/-1}.columns{grid-template-columns:1fr}}
+.controls{flex-wrap:wrap}.controls input{min-width:200px}.tableWrap{overflow-x:auto}.table{display:table;width:100%;font-size:.92rem}.table td{vertical-align:top}.table td:first-child{min-width:220px}.meta{display:block;color:var(--ifm-color-emphasis-600)}.badge{border:1px solid var(--ifm-color-emphasis-300);border-radius:20px;padding:.1rem .5rem;white-space:nowrap}.pagination{display:flex;gap:1rem;align-items:center;margin-top:1.5rem}.pagination button{padding:.5rem 1rem}.description{white-space:pre-wrap;overflow-wrap:anywhere;padding:1.5rem;background:var(--ifm-background-surface-color);border:1px solid var(--ifm-color-emphasis-300);border-radius:8px}.form fieldset{border:0;padding:0;margin:0}.form .check{display:flex;align-items:center;gap:.7rem;font-weight:400}.form .check input{width:auto;margin:0}.trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.form progress{display:block;width:100%;margin:1rem 0}button{cursor:pointer}button:disabled{cursor:default}
+.page{width:100%;min-width:0;box-sizing:border-box}.tableWrap{width:100%;max-width:100%;min-width:0}.table{min-width:700px}.controls>*{max-width:100%}
diff --git a/src/pages/bugs.tsx b/src/pages/bugs.tsx
index 2a16eef8..a902dc28 100644
--- a/src/pages/bugs.tsx
+++ b/src/pages/bugs.tsx
@@ -1,14 +1,40 @@
-import React, {useEffect, useMemo, useState} from 'react';
+import React, {useEffect, useState} from 'react';
 import Layout from '@theme/Layout';
+import Link from '@docusaurus/Link';
+import {BugEntry, bugFetch, entryType, labelValue, useBugApi} from '../components/BugApi';
 import styles from './bugs.module.css';
 
-type Entry = {id:number; number:number; title:string; state:string; html_url:string; updated_at:string; repository_url:string; pull_request?:object; labels:{name:string}[]};
 export default function Bugs() {
- const [items,setItems]=useState<Entry[]>([]);
- const [error,setError]=useState('');
- const [query,setQuery]=useState('');
- const [type,setType]=useState('all');
- useEffect(()=>{ const abort=new AbortController(); fetch('https://api.github.com/search/issues?q=org%3AOpenHD%20sort%3Aupdated-desc&per_page=100',{signal:abort.signal,headers:{Accept:'application/vnd.github+json'}}).then(r=>{if(!r.ok)throw Error('GitHub API unavailable');return r.json()}).then(j=>setItems(j.items||[])).catch(e=>{if(!abort.signal.aborted)setError(String(e))});return ()=>abort.abort();},[]);
- const filtered=useMemo(()=>items.filter(i=>(type==='all'||(type==='pulls'?!!i.pull_request:!i.pull_request))&&(i.title+' '+i.repository_url+' '+i.number).toLowerCase().includes(query.toLowerCase())),[items,query,type]);
- return <Layout title="Bug Tracker"><main className={styles.page}><header className={styles.header}><div><h1>OpenHD Bug Tracker</h1><p>GitHub issues and pull requests across the OpenHD organization.</p></div><a className="button button--primary" href="/bugs/report">Report a bug</a></header><div className={styles.controls}><select aria-label="Filter type" value={type} onChange={e=>setType(e.target.value)}><option value="all">All activity</option><option value="issues">Issues</option><option value="pulls">Pull requests</option></select><input aria-label="Search" placeholder="Search issues..." value={query} onChange={e=>setQuery(e.target.value)}/></div><div className={styles.list}>{error?<p role="alert">{error}</p>:filtered.length===0?<p>No items loaded or matching.</p>:filtered.map(i=><a key={i.id} className={styles.item} href={i.html_url} target="_blank" rel="noopener noreferrer"><span className={styles.title}>#{i.number} {i.title}</span><span>{i.pull_request?'Pull request':'Issue'}</span><span>{i.state}</span><span>{i.repository_url.split('/').pop()}</span></a>)}</div><p className={styles.note}>Latest 100 updated public GitHub items. Open an entry on GitHub for full details.</p></main></Layout>;
+  const endpoint = useBugApi();
+  const [items, setItems] = useState<BugEntry[]>([]), [total, setTotal] = useState(0), [partial, setPartial] = useState(false);
+  const [error, setError] = useState(''), [loading, setLoading] = useState(false);
+  const [query, setQuery] = useState(''), [search, setSearch] = useState(''), [type, setType] = useState('all'), [status, setStatus] = useState('all'), [repo, setRepo] = useState(''), [repository, setRepository] = useState(''), [component, setComponent] = useState(''), [components, setComponents] = useState<string[]>([]), [page, setPage] = useState(1);
+  useEffect(() => { if (query === search && repo === repository) return; const timer = setTimeout(() => { setSearch(query); setRepository(repo); setPage(1); }, 450); return () => clearTimeout(timer); }, [query, repo, search, repository]);
+  useEffect(() => { if (endpoint) bugFetch(`${endpoint}/config`).then(result => setComponents(result.components)).catch(() => {}); }, [endpoint]);
+  useEffect(() => {
+    if (!endpoint) return;
+    const abort = new AbortController(); setLoading(true); setError('');
+    const params = new URLSearchParams({q: search, type, status, repository, component, page: String(page)});
+    bugFetch(`${endpoint}?${params}`, {signal: abort.signal}).then(result => { setItems(result.items || []); setTotal(result.total_count); setPartial(Boolean(result.incomplete_results)); }).catch(e => { if (!abort.signal.aborted) { setError(e.message); setItems([]); } }).finally(() => { if (!abort.signal.aborted) setLoading(false); });
+    return () => abort.abort();
+  }, [endpoint, search, type, status, repository, component, page]);
+  const pages = Math.min(34, Math.ceil(Math.min(total, 1000) / 30));
+  return <Layout title="Bug Tracker"><main className={styles.page}>
+    <header className={styles.header}><div><h1>OpenHD Bug Tracker</h1><p>Community bug reports, GitHub issues and pull requests in one place.</p></div><Link className="button button--primary" to="/bugs/report">Report a bug</Link></header>
+    <div className={styles.controls}>
+      <input aria-label="Search issues" placeholder="Search title or description…" value={query} maxLength={160} onChange={e => setQuery(e.target.value)}/>
+      <select aria-label="Type" value={type} onChange={e => {setType(e.target.value); setPage(1);}}><option value="all">All types</option><option value="bug">Bug</option><option value="issue">GitHub Issue</option><option value="pull">Pull Request</option></select>
+      <select aria-label="Status" value={status} onChange={e => {setStatus(e.target.value); setPage(1);}}><option value="all">All statuses</option><option value="open">Open</option><option value="closed">Closed</option><option value="merged">Merged PRs</option></select>
+      <input aria-label="Repository" placeholder="Repository, e.g. OpenHD/QOpenHD" value={repo} onChange={e => setRepo(e.target.value)}/>
+      <select aria-label="Component" value={component} onChange={e => {setComponent(e.target.value); setPage(1);}}><option value="">All components</option>{components.map(c => <option key={c}>{c}</option>)}</select>
+    </div>
+    {!endpoint && <p role="status">The tracker API is being configured.</p>}
+    {loading && <p role="status">Loading GitHub activity…</p>}{error && <p className={styles.error} role="alert">{error}</p>}
+    {!loading && !error && endpoint && !items.length && <p>No entries match these filters.</p>}
+    {!error && <div className={styles.tableWrap}><table className={styles.table}><thead><tr><th>Number / Title</th><th>Type</th><th>Repository / Component</th><th>Status</th><th>Priority</th><th>Updated</th></tr></thead><tbody>{items.map(item => <tr key={item.id}>
+      <td><Link to={`/bugs/detail?repo=${encodeURIComponent(item.repository_url.split('/repos/')[1])}&number=${item.number}`}>#{item.number} {item.title}</Link></td><td>{entryType(item)}</td><td>{item.repository_url.split('/repos/')[1]}<small className={styles.meta}>{labelValue(item, 'component')}</small></td><td><span className={styles.badge}>{item.pull_request?.merged_at ? 'merged' : item.state}</span></td><td>{labelValue(item, 'priority')}</td><td>{new Date(item.updated_at).toLocaleDateString()}</td>
+    </tr>)}</tbody></table></div>}
+    {pages > 0 && <nav className={styles.pagination} aria-label="Tracker pages"><button disabled={loading || page === 1} onClick={() => setPage(page - 1)}>Previous</button><span>Page {page} of {pages}</span><button disabled={loading || page >= pages} onClick={() => setPage(page + 1)}>Next</button></nav>}
+    <p className={styles.note}>Live GitHub data, cached for one minute. Unlabelled priorities and components appear as “—”.{total > 1000 && ' GitHub search shows the first 1,000 results; narrow your filters for older activity.'}{partial && ' GitHub returned partial results; try a narrower search.'}</p>
+  </main></Layout>;
 }
diff --git a/src/pages/bugs/detail.tsx b/src/pages/bugs/detail.tsx
new file mode 100644
index 00000000..5be9e91c
--- /dev/null
+++ b/src/pages/bugs/detail.tsx
@@ -0,0 +1,26 @@
+import React, {useEffect, useState} from 'react';
+import Layout from '@theme/Layout';
+import Link from '@docusaurus/Link';
+import {BugEntry, bugFetch, entryType, labelValue, useBugApi} from '../../components/BugApi';
+import styles from '../bugs.module.css';
+
+export default function BugDetail() {
+  const endpoint = useBugApi(); const [entry, setEntry] = useState<BugEntry|null>(null), [error, setError] = useState('');
+  useEffect(() => {
+    if (!endpoint) {setError('The tracker API is being configured.'); return;}
+    const params = new URLSearchParams(window.location.search), repo = params.get('repo') || '', number = params.get('number') || '';
+    if (!/^OpenHD\/[\w.-]+$/.test(repo) || !/^[1-9]\d*$/.test(number)) {setError('Invalid entry link.'); return;}
+    const abort = new AbortController();
+    bugFetch(`${endpoint}/entry/${repo}/${number}`, {signal: abort.signal}).then(setEntry).catch(e => {if (!abort.signal.aborted) setError(e.message);});
+    return () => abort.abort();
+  }, [endpoint]);
+  return <Layout title={entry?.title || 'Bug details'}><main className={styles.page}><Link to="/bugs">← Back to tracker</Link>
+    {error ? <p role="alert">{error}</p> : !entry ? <p role="status">Loading details…</p> : <>
+      <h1>#{entry.number} {entry.title}</h1><p>{entryType(entry)} · <span className={styles.badge}>{entry.merged ? 'merged' : entry.state}</span> · Component: {labelValue(entry, 'component')} · Priority: {labelValue(entry, 'priority')}</p>
+      <p>Updated {new Date(entry.updated_at).toLocaleString()} · <a href={entry.html_url} target="_blank" rel="noreferrer">View original on GitHub</a></p>
+      <article className={styles.description}>{entry.body || 'No description provided.'}</article>
+      {entry.related?.length > 0 && <section><h2>Associated pull requests</h2>{entry.related.map(pr => <p key={pr.id}><a href={pr.html_url} target="_blank" rel="noreferrer">#{pr.number} {pr.title}</a> · {pr.pull_request?.merged_at ? 'merged' : pr.state}</p>)}</section>}
+      {entry.labels.some(label => label.name === 'website-report') && <section className={styles.notice}><h2>Diagnostic files</h2><p>Diagnostics are private and may expire under the retention policy. Authorized maintainers can <a href="https://openhd.tech/#/admin/bugs">sign in to FleetControl</a> to review and download Air and Ground logs.</p></section>}
+    </>}
+  </main></Layout>;
+}
diff --git a/src/pages/bugs/report.tsx b/src/pages/bugs/report.tsx
index 2d455266..aa4d2dac 100644
--- a/src/pages/bugs/report.tsx
+++ b/src/pages/bugs/report.tsx
@@ -1,43 +1,79 @@
-import React, {useState} from 'react';
+import React, {useEffect, useRef, useState} from 'react';
 import Layout from '@theme/Layout';
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Link from '@docusaurus/Link';
+import {bugFetch, useBugApi} from '../../components/BugApi';
 import styles from '../bugs.module.css';
 
+type Config = {enabled: boolean; maxArchiveBytes: number; components: string[]; turnstileSiteKey: string};
+type Submission = {id: string; number?: number; url?: string; status: string; message: string};
+declare global {interface Window {turnstile?: {render(element: HTMLElement, options: Record<string, unknown>): string; remove(id: string): void; reset(id: string): void}}}
+const fields = [['title', 'Bug title', 160], ['description', 'Description', 10000], ['steps', 'Steps to reproduce', 10000], ['version', 'OpenHD version', 200], ['airHardware', 'Air hardware', 200], ['groundHardware', 'Ground hardware', 200]] as const;
 export default function ReportBug() {
- const {siteConfig}=useDocusaurusContext();
- const endpoint=String(siteConfig.customFields?.bugReportApiUrl||'');
- const [title,setTitle]=useState('');
- const [description,setDescription]=useState('');
- const [air,setAir]=useState<File|null>(null);
- const [ground,setGround]=useState<File|null>(null);
- const [busy,setBusy]=useState(false);
- const [message,setMessage]=useState('');
- const valid=(f:File|null)=>Boolean(f&&f.size>0&&f.size<=52428800&&(/\.zip$|\.tgz$|\.tar\.gz$/i).test(f.name));
- const ready=Boolean(endpoint&&title.trim()&&description.trim()&&valid(air)&&valid(ground)&&!busy);
- async function submit(e:React.FormEvent<HTMLFormElement>) {
-  e.preventDefault();if(!ready)return;
-  const body=new FormData();body.set('title',title);body.set('description',description);body.set('air_logs',air!);body.set('ground_logs',ground!);
-  setBusy(true);setMessage('');
-  try{
-   const response=await fetch(endpoint,{method:'POST',body});
-   if(!response.ok)throw new Error('Report submission failed.');
-   const result=await response.json();
-   setMessage(typeof result.url==='string'&&result.url.startsWith('https://github.com/OpenHD/')?'Report created: '+result.url:'Report submitted.');
-  }catch(e){setMessage(e instanceof Error?e.message:'Unable to submit report.');}
-  finally{setBusy(false);}
- }
- return <Layout title="Report a bug"><main className={styles.page}><header className={styles.header}><div><h1>Report a bug</h1><p>Air and Ground diagnostic logs are required.</p></div><Link to="/bugs">Back to tracker</Link></header>
- <form className={styles.form} onSubmit={submit}>
- <label>Title *<input required value={title} maxLength={160} onChange={e=>setTitle(e.target.value)}/></label>
- <label>Description and reproduction steps *<textarea required rows={6} value={description} maxLength={10000} onChange={e=>setDescription(e.target.value)}/></label>
- <h2>Required diagnostic archives</h2><p className={styles.help}>Upload .zip, .tar.gz or .tgz archives up to 50 MB each. Check logs for private information before uploading.</p>
- <div className={styles.columns}>
- <label>Air unit logs *<input required type="file" accept=".zip,.gz,.tgz" onChange={e=>setAir(e.target.files?.[0]||null)}/>{air&&!valid(air)&&<span className={styles.error}>Invalid archive</span>}</label>
- <label>Ground unit logs *<input required type="file" accept=".zip,.gz,.tgz" onChange={e=>setGround(e.target.files?.[0]||null)}/>{ground&&!valid(ground)&&<span className={styles.error}>Invalid archive</span>}</label>
- </div>
- {!endpoint&&<p className={styles.notice}>Submission is disabled until the secure upload API is configured.</p>}
- {message&&<p role="status" className={styles.notice}>{message}</p>}
- <button className="button button--primary" type="submit" disabled={!ready}>{busy?'Uploading…':'Submit bug report'}</button>
- </form></main></Layout>;
+  const endpoint = useBugApi(), widget = useRef<HTMLDivElement>(null), widgetId = useRef('');
+  const [config, setConfig] = useState<Config|null>(null), [token, setToken] = useState(''), [human, setHuman] = useState('');
+  const [values, setValues] = useState<Record<string, string>>({}), [air, setAir] = useState<File|null>(null), [ground, setGround] = useState<File|null>(null);
+  const [incomplete, setIncomplete] = useState(false), [busy, setBusy] = useState(false), [progress, setProgress] = useState(0), [error, setError] = useState(''), [submission, setSubmission] = useState<Submission|null>(null), [uncertain, setUncertain] = useState(false);
+  useEffect(() => {
+    if (!endpoint) return;
+    Promise.all([bugFetch(`${endpoint}/config`), bugFetch(`${endpoint}/challenge`)]).then(([c, challenge]) => {
+      setConfig(c); const saved = sessionStorage.getItem('openhd-bug-submission'); setToken(saved || challenge.token);
+      if (saved) {setUncertain(true); bugFetch(`${endpoint}/submission`, {headers: {'X-Bug-Token': saved}}).then(setSubmission).catch(() => setError('A previous submission may be pending. Check its status before submitting again.'));}
+    }).catch(e => setError(e.message));
+  }, [endpoint]);
+  useEffect(() => {
+    if (!config?.enabled || !widget.current) return;
+    let disposed = false;
+    const render = () => {if (!disposed && window.turnstile && widget.current) widgetId.current = window.turnstile.render(widget.current, {sitekey: config.turnstileSiteKey, action: 'bug-report', callback: setHuman, 'expired-callback': () => setHuman(''), 'error-callback': () => {setHuman(''); setError('Human verification could not load. Please retry.');}});};
+    const existing = document.querySelector<HTMLScriptElement>('script[data-openhd-turnstile]');
+    const script = existing || document.createElement('script');
+    if (window.turnstile) render(); else {script.addEventListener('load', render); if (!existing) {script.src = 'https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit'; script.async = true; script.dataset.openhdTurnstile = 'true'; document.head.appendChild(script);}}
+    return () => {disposed = true; script.removeEventListener('load', render); if (widgetId.current && window.turnstile) window.turnstile.remove(widgetId.current);};
+  }, [config]);
+  useEffect(() => {
+    if (!submission || submission.status !== 'processing') return;
+    const timer = setInterval(() => {bugFetch(`${endpoint}/submission`, {headers: {'X-Bug-Token': token}}).then(setSubmission).catch(e => setError(e.message));}, 5000);
+    return () => clearInterval(timer);
+  }, [submission?.status, endpoint, token]);
+  const valid = (file: File|null) => Boolean(file && file.size > 0 && file.size <= (config?.maxArchiveBytes || 52428800) && /\.(zip|tgz|tar\.gz)$/i.test(file.name));
+  const archivesReady = incomplete ? (!air || valid(air)) && (!ground || valid(ground)) && !(air && ground) && (values.diagnosticReason || '').trim().length >= 20 : valid(air) && valid(ground);
+  const ready = Boolean(endpoint && config?.enabled && token && human && fields.every(([key]) => values[key]?.trim()) && values.component && archivesReady && !busy && !submission && !uncertain);
+  async function checkStatus() {setError(''); try {setSubmission(await bugFetch(`${endpoint}/submission`, {headers: {'X-Bug-Token': token}}));} catch(e) {if (e.status === 404) {setUncertain(false); setError('No saved report was found. You can retry this form using the same submission token.');} else setError(e.message);}}
+  async function submit(event: React.FormEvent<HTMLFormElement>) {
+    event.preventDefault(); if (!ready) return;
+    const body = new FormData(); for (const [key, value] of Object.entries(values)) body.set(key, value);
+    body.set('workflow', incomplete ? 'incomplete' : 'normal'); body.set('cf-turnstile-response', human);
+    if (air) body.set('air_logs', air); if (ground) body.set('ground_logs', ground);
+    setBusy(true); setError(''); setProgress(0); sessionStorage.setItem('openhd-bug-submission', token);
+    try {
+      const result = await new Promise<Submission>((resolve, reject) => {
+        const request = new XMLHttpRequest(); request.open('POST', endpoint); request.setRequestHeader('X-Bug-Token', token); request.timeout = 300000;
+        request.upload.onprogress = e => {if (e.lengthComputable) setProgress(Math.round(100 * e.loaded / e.total));};
+        request.onload = () => {try {const response = JSON.parse(request.responseText); if (request.status >= 200 && request.status < 300) resolve(response); else {sessionStorage.removeItem('openhd-bug-submission'); reject(Error(response.message || 'Submission failed.'));}} catch {setUncertain(true); reject(Error('Server response was interrupted. Check submission status before retrying.'));}};
+        request.onerror = request.ontimeout = () => {setUncertain(true); reject(Error('Connection interrupted. Check submission status before retrying.'));};
+        request.send(body);
+      });
+      setSubmission(result);
+    } catch(e) {setError(e.message); setHuman(''); if (widgetId.current) window.turnstile?.reset(widgetId.current);}
+    finally {setBusy(false);}
+  }
+  async function newReport() {sessionStorage.removeItem('openhd-bug-submission'); setSubmission(null); setUncertain(false); setError(''); setToken((await bugFetch(`${endpoint}/challenge`)).token); setHuman(''); if (widgetId.current) window.turnstile?.reset(widgetId.current);}
+  return <Layout title="Report a bug"><main className={styles.page}><header className={styles.header}><div><h1>Report a bug</h1><p>Help us reproduce the problem. Air and Ground diagnostics are required for normal reports.</p></div><Link to="/bugs">Back to tracker</Link></header>
+    {!endpoint || config && !config.enabled ? <p className={styles.notice}>Submissions are awaiting server configuration. Please try again later.</p> : !config ? <p role="status">Loading report form…</p> : null}
+    {error && <p role="alert" className={styles.error}>{error}</p>}
+    {submission ? <section className={styles.notice} role="status"><h2>{submission.status === 'created' ? `Bug #${submission.number} created` : 'Report received'}</h2><p>{submission.message}</p>{submission.url && /^https:\/\/github\.com\/OpenHD\//.test(submission.url) && <p><a href={submission.url}>View your issue on GitHub</a></p>}<p>Your archives remain private. They are never attached to GitHub issues or notification emails.</p>{submission.status !== 'processing' && <button onClick={() => void newReport()}>Start another report</button>}</section> : <form className={styles.form} onSubmit={submit}>
+      <fieldset disabled={busy || uncertain}><legend>Bug details</legend>
+        {fields.map(([key, label, max]) => <label key={key}>{label} *{key === 'description' || key === 'steps' ? <textarea required rows={5} maxLength={max} value={values[key] || ''} onChange={e => setValues({...values, [key]: e.target.value})}/> : <input required maxLength={max} value={values[key] || ''} onChange={e => setValues({...values, [key]: e.target.value})}/>}</label>)}
+        <label>Affected component *<select required value={values.component || ''} onChange={e => setValues({...values, component: e.target.value})}><option value="">Select a component</option>{config?.components.map(c => <option key={c}>{c}</option>)}</select></label>
+        <h2>Diagnostic archives</h2><p className={styles.help}>.zip, .tar.gz or .tgz, up to {Math.floor((config?.maxArchiveBytes || 52428800) / 1048576)} MiB per archive. Review diagnostics for private information before uploading. Archives are retained privately for the server’s configured retention period (normally 90 days).</p>
+        <label className={styles.check}><input type="checkbox" checked={incomplete} onChange={e => setIncomplete(e.target.checked)}/>Exceptional case: a unit cannot boot, so diagnostics are unavailable</label>
+        {incomplete && <div className={styles.notice}><b>Incomplete diagnostics — maintainer review required</b><p>Upload any available archive. This report stays in a private review queue until a maintainer approves it.</p><label>Which unit cannot boot, and why can you not obtain its logs? *<textarea required minLength={20} maxLength={2000} value={values.diagnosticReason || ''} onChange={e => setValues({...values, diagnosticReason: e.target.value})}/></label></div>}
+        <div className={styles.columns}>{(['air', 'ground'] as const).map(role => {const file = role === 'air' ? air : ground; return <label key={role}>{role === 'air' ? 'Air Unit' : 'Ground Unit'} diagnostic archive {!incomplete && '*'}<input type="file" required={!incomplete} accept=".zip,.tar.gz,.tgz" onChange={e => (role === 'air' ? setAir : setGround)(e.target.files?.[0] || null)}/>{file && !valid(file) && <span className={styles.error}>Choose a nonempty supported archive within the size limit.</span>}</label>;})}</div>
+        <label className={styles.trap} aria-hidden="true">Leave empty<input tabIndex={-1} autoComplete="off" value={values.website || ''} onChange={e => setValues({...values, website: e.target.value})}/></label>
+      </fieldset>
+      <div ref={widget}/>
+      {busy && <div role="status"><label>Uploading archives: {progress}%<progress max={100} value={progress}/></label>{progress === 100 && <p>Validating diagnostics and saving your report…</p>}</div>}
+      <button className="button button--primary" type="submit" disabled={!ready}>{busy ? 'Submitting…' : incomplete ? 'Submit for maintainer review' : 'Submit bug report'}</button>
+    </form>}
+    {uncertain && !submission && <div className={styles.notice}><p>A submission may already exist. Keep this page open and check its status before starting another report.</p><button onClick={() => void checkStatus()}>Check submission status</button></div>}
+  </main></Layout>;
 }
diff --git a/tests/bugs.spec.ts b/tests/bugs.spec.ts
new file mode 100644
index 00000000..315c9479
--- /dev/null
+++ b/tests/bugs.spec.ts
@@ -0,0 +1,55 @@
+import {test, expect, type Page} from '@playwright/test';
+
+async function mocks(page: Page, enabled = true) {
+  await page.route('https://challenges.cloudflare.com/turnstile/v0/api.js*', route => route.fulfill({contentType: 'application/javascript', body: 'window.turnstile={render:(el,o)=>{el.textContent="Verification complete";setTimeout(()=>o.callback("verified"),0);return "widget";},remove:()=>{},reset:()=>{}};'}));
+  await page.route('https://openhd.tech/api/bugs**', async route => {
+    const req = route.request(), url = new URL(req.url());
+    const headers = {'Access-Control-Allow-Origin': '*', 'Access-Control-Allow-Headers': 'X-Bug-Token, Content-Type', 'Access-Control-Allow-Methods': 'GET, POST, OPTIONS'};
+    if (req.method() === 'OPTIONS') return route.fulfill({status: 204, headers});
+    let result: unknown;
+    if (url.pathname.endsWith('/config')) result = {enabled, maxArchiveBytes: 52428800, components: ['video', 'radio'], turnstileSiteKey: 'test-site'};
+    else if (url.pathname.endsWith('/challenge')) result = {token: 'test-token'};
+    else if (url.pathname.endsWith('/submission')) result = {id: 'report', number: 42, status: 'created', url: 'https://github.com/OpenHD/OpenHD/issues/42', message: 'Bug report created. Notification queued.'};
+    else if (req.method() === 'POST') {
+      const body = req.postDataBuffer()?.toString() || '';
+      expect(body).toContain('name="air_logs"'); expect(body).toContain('name="ground_logs"'); expect(body).toContain('name="steps"');
+      result = {id: 'report', number: 42, status: 'created', url: 'https://github.com/OpenHD/OpenHD/issues/42', message: 'Bug report created. Notification queued.'};
+    } else if (url.pathname.includes('/entry/')) result = {id: 1, number: 42, title: 'Camera fails', body: 'Steps: boot the unit. <script>unsafe()</script>', state: 'open', html_url: 'https://github.com/OpenHD/OpenHD/issues/42', updated_at: '2026-11-02T10:00:00Z', repository_url: 'https://api.github.com/repos/OpenHD/OpenHD', labels: [{name: 'website-report'}, {name: 'component:video'}]};
+    else result = {total_count: 70, items: [{id: 1, number: 42, title: 'Camera fails', state: 'open', html_url: 'https://github.com/OpenHD/OpenHD/issues/42', updated_at: '2026-11-02T10:00:00Z', repository_url: 'https://api.github.com/repos/OpenHD/OpenHD', labels: [{name: 'website-report'}, {name: 'component:video'}]}, {id: 2, number: 43, title: 'Fix camera', state: 'closed', html_url: 'https://github.com/OpenHD/OpenHD/pull/43', updated_at: '2026-11-02T10:00:00Z', repository_url: 'https://api.github.com/repos/OpenHD/OpenHD', labels: [], pull_request: {merged_at: '2026-11-02T10:00:00Z'}}]};
+    return route.fulfill({json: result, headers});
+  });
+}
+
+test('normal report requires all fields and both archives before submission', async ({page}, info) => {
+  await mocks(page); await page.goto('/bugs/report');
+  const submit = page.getByRole('button', {name: 'Submit bug report'}); await expect(submit).toBeDisabled();
+  await page.getByLabel('Bug title *', {exact: true}).fill('Camera fails');
+  await page.getByLabel('Description *', {exact: true}).fill('Video stops after boot');
+  await page.getByLabel('Steps to reproduce *', {exact: true}).fill('Boot and observe camera');
+  await page.getByLabel('OpenHD version *', {exact: true}).fill('2.7');
+  await page.getByLabel('Air hardware *', {exact: true}).fill('Pi 4');
+  await page.getByLabel('Ground hardware *', {exact: true}).fill('Pi 5');
+  await page.getByLabel(/^Affected component/).selectOption('video');
+  await page.getByLabel(/^Air Unit diagnostic archive/).setInputFiles({name: 'air.zip', mimeType: 'application/zip', buffer: Buffer.from('fixture')});
+  await expect(submit).toBeDisabled();
+  await page.getByLabel(/^Ground Unit diagnostic archive/).setInputFiles({name: 'ground.exe', mimeType: 'application/octet-stream', buffer: Buffer.from('fixture')});
+  await expect(submit).toBeDisabled();
+  await page.getByLabel(/^Ground Unit diagnostic archive/).setInputFiles({name: 'ground.tgz', mimeType: 'application/gzip', buffer: Buffer.from('fixture')});
+  await expect(submit).toBeEnabled(); await expect.poll(() => page.evaluate(() => document.documentElement.scrollWidth <= window.innerWidth)).toBe(true); await page.evaluate(() => window.scrollTo(0, 0)); await page.screenshot({path: info.outputPath('report.png'), fullPage: true});
+  await submit.click(); await expect(page.getByRole('heading', {name: 'Bug #42 created'})).toBeVisible(); await expect(page.getByRole('link', {name: 'View your issue on GitHub'})).toHaveAttribute('href', 'https://github.com/OpenHD/OpenHD/issues/42');
+});
+test('tracker renders distinct types, filters, pagination and escaped detail content', async ({page}, info) => {
+  await mocks(page); await page.goto('/bugs'); await expect(page.getByRole('link', {name: '#42 Camera fails'})).toBeVisible();
+  await expect(page.getByRole('cell', {name: 'Pull Request', exact: true})).toBeVisible(); await expect(page.getByRole('cell', {name: 'merged', exact: true})).toBeVisible();
+  const request = page.waitForRequest(r => r.url().includes('/api/bugs?') && r.url().includes('type=pull'));
+  await page.getByLabel('Type', {exact: true}).selectOption('pull'); await request;
+  await page.getByRole('button', {name: 'Next', exact: true}).click(); await expect(page.getByText('Page 2 of 3')).toBeVisible();
+  await expect.poll(() => page.evaluate(() => document.documentElement.scrollWidth <= window.innerWidth)).toBe(true); await page.evaluate(() => window.scrollTo(0, 0)); await page.screenshot({path: info.outputPath('tracker.png'), fullPage: true});
+  await page.getByRole('link', {name: '#42 Camera fails'}).click(); await expect(page.getByRole('heading', {name: '#42 Camera fails'})).toBeVisible();
+  await expect(page.getByText('Steps: boot the unit. <script>unsafe()</script>', {exact: true})).toBeVisible(); await expect(page.getByRole('heading', {name: 'Diagnostic files'})).toBeVisible();
+});
+test('disabled backend cannot accept reports', async ({page}) => {await mocks(page, false); await page.goto('/bugs/report'); await expect(page.getByText('Submissions are awaiting server configuration. Please try again later.')).toBeVisible(); await expect(page.getByRole('button', {name: 'Submit bug report'})).toBeDisabled();});
+test('incomplete diagnostics require an explanation and explicitly request maintainer review', async ({page}) => {
+  await mocks(page); await page.goto('/bugs/report'); await page.getByLabel('Exceptional case: a unit cannot boot, so diagnostics are unavailable').check();
+  await expect(page.getByText('Incomplete diagnostics — maintainer review required', {exact: true})).toBeVisible(); await expect(page.getByLabel('Which unit cannot boot, and why can you not obtain its logs? *')).toBeVisible(); await expect(page.getByRole('button', {name: 'Submit for maintainer review'})).toBeDisabled();
+});

From bda0a8d5bf7ff6dc2b65a8efe58d4f24d78b48f6 Mon Sep 17 00:00:00 2001
From: Raphael <68374617+raphaelscholle@users.noreply.github.com>
Date: Mon, 2 Nov 2026 13:23:01 +0100
Subject: [PATCH 08/10] fix: apply HTML preservation patch in clean
 installations

---
 patches/@acid-info__docusaurus-og@1.0.4-alpha.0.patch | 2 +-
 pnpm-lock.yaml                                        | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/patches/@acid-info__docusaurus-og@1.0.4-alpha.0.patch b/patches/@acid-info__docusaurus-og@1.0.4-alpha.0.patch
index 453ffd3b..341eba72 100644
--- a/patches/@acid-info__docusaurus-og@1.0.4-alpha.0.patch
+++ b/patches/@acid-info__docusaurus-og@1.0.4-alpha.0.patch
@@ -61,7 +61,7 @@ diff --git a/lib/server/document.js b/lib/server/document.js
 --- a/lib/server/document.js
 +++ b/lib/server/document.js
 @@ -40,7 +40,7 @@ class Document {
-     };
+     }
      load = async () => {
          const htmlString = await fsp.readFile(this.path, 'utf-8');
 -        this.root = (0, node_html_parser_1.parse)(htmlString);
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0067937a..f779d600 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -6,7 +6,7 @@ settings:
 
 patchedDependencies:
   '@acid-info/docusaurus-og@1.0.4-alpha.0':
-    hash: 7tbcdpgr4xuktuo25z6s3wo7vy
+    hash: gbdez57tprgcrczxk6m7tfzoye
     path: patches/@acid-info__docusaurus-og@1.0.4-alpha.0.patch
 
 importers:
@@ -15,7 +15,7 @@ importers:
     dependencies:
       '@acid-info/docusaurus-og':
         specifier: 1.0.4-alpha.0
-        version: 1.0.4-alpha.0(patch_hash=7tbcdpgr4xuktuo25z6s3wo7vy)(@docusaurus/faster@3.10.2(@docusaurus/types@3.10.2(@swc/core@1.16.0)(postcss@8.5.26)(react-dom@19.2.8(react@19.2.8))(react@19.2.8))(postcss@8.5.26))(@mdx-js/react@3.1.1(@types/react@19.2.18)(react@19.2.8))(@rspack/core@1.7.12)(@swc/core@1.16.0)(postcss@8.5.26)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(typescript@5.7.3)
+        version: 1.0.4-alpha.0(patch_hash=gbdez57tprgcrczxk6m7tfzoye)(@docusaurus/faster@3.10.2(@docusaurus/types@3.10.2(@swc/core@1.16.0)(postcss@8.5.26)(react-dom@19.2.8(react@19.2.8))(react@19.2.8))(postcss@8.5.26))(@mdx-js/react@3.1.1(@types/react@19.2.18)(react@19.2.8))(@rspack/core@1.7.12)(@swc/core@1.16.0)(postcss@8.5.26)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(typescript@5.7.3)
       '@docusaurus/core':
         specifier: 3.10.2
         version: 3.10.2(@docusaurus/faster@3.10.2(@docusaurus/types@3.10.2(@swc/core@1.16.0)(postcss@8.5.26)(react-dom@19.2.8(react@19.2.8))(react@19.2.8))(postcss@8.5.26))(@mdx-js/react@3.1.1(@types/react@19.2.18)(react@19.2.8))(@rspack/core@1.7.12)(@swc/core@1.16.0)(debug@4.4.3)(postcss@8.5.26)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(typescript@5.7.3)
@@ -6737,7 +6737,7 @@ snapshots:
       section-matter: 1.0.0
       strip-bom-string: 1.0.0
 
-  '@acid-info/docusaurus-og@1.0.4-alpha.0(patch_hash=7tbcdpgr4xuktuo25z6s3wo7vy)(@docusaurus/faster@3.10.2(@docusaurus/types@3.10.2(@swc/core@1.16.0)(postcss@8.5.26)(react-dom@19.2.8(react@19.2.8))(react@19.2.8))(postcss@8.5.26))(@mdx-js/react@3.1.1(@types/react@19.2.18)(react@19.2.8))(@rspack/core@1.7.12)(@swc/core@1.16.0)(postcss@8.5.26)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(typescript@5.7.3)':
+  '@acid-info/docusaurus-og@1.0.4-alpha.0(patch_hash=gbdez57tprgcrczxk6m7tfzoye)(@docusaurus/faster@3.10.2(@docusaurus/types@3.10.2(@swc/core@1.16.0)(postcss@8.5.26)(react-dom@19.2.8(react@19.2.8))(react@19.2.8))(postcss@8.5.26))(@mdx-js/react@3.1.1(@types/react@19.2.18)(react@19.2.8))(@rspack/core@1.7.12)(@swc/core@1.16.0)(postcss@8.5.26)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(typescript@5.7.3)':
     dependencies:
       '@docusaurus/core': 3.8.1(@docusaurus/faster@3.10.2(@docusaurus/types@3.10.2(@swc/core@1.16.0)(postcss@8.5.26)(react-dom@19.2.8(react@19.2.8))(react@19.2.8))(postcss@8.5.26))(@mdx-js/react@3.1.1(@types/react@19.2.18)(react@19.2.8))(@rspack/core@1.7.12)(@swc/core@1.16.0)(postcss@8.5.26)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(typescript@5.7.3)
       '@docusaurus/module-type-aliases': 3.8.1(@swc/core@1.16.0)(postcss@8.5.26)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)

From 1e36f489116582e26f5f4ff2c9e0297bfbd86325 Mon Sep 17 00:00:00 2001
From: Raphael <68374617+raphaelscholle@users.noreply.github.com>
Date: Mon, 2 Nov 2026 13:28:48 +0100
Subject: [PATCH 09/10] ci: reuse website image cache for bug tracker checks

---
 .github/workflows/bug-tracker.yml | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/.github/workflows/bug-tracker.yml b/.github/workflows/bug-tracker.yml
index 5abdbd83..e5ee213b 100644
--- a/.github/workflows/bug-tracker.yml
+++ b/.github/workflows/bug-tracker.yml
@@ -18,6 +18,11 @@ jobs:
           version: 9.0.0
       - run: pnpm install --frozen-lockfile
       - run: pnpm typecheck
+      - uses: actions/cache@v4
+        with:
+          path: .image-cache
+          key: image-optimization-cache-${{ runner.os }}-${{ github.run_id }}
+          restore-keys: image-optimization-cache-${{ runner.os }}-
       - run: pnpm build
       - run: pnpm exec playwright install --with-deps chromium
       - run: pnpm test:bugs

From abfa0cd8014a94db8413da7d1b44bccbf3807df5 Mon Sep 17 00:00:00 2001
From: Raphael <68374617+raphaelscholle@users.noreply.github.com>
Date: Mon, 2 Nov 2026 13:30:40 +0100
Subject: [PATCH 10/10] ci: run browser checks on supported Ubuntu 24.04

---
 .github/workflows/bug-tracker.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/bug-tracker.yml b/.github/workflows/bug-tracker.yml
index e5ee213b..cec7ee13 100644
--- a/.github/workflows/bug-tracker.yml
+++ b/.github/workflows/bug-tracker.yml
@@ -7,7 +7,7 @@ permissions:
   contents: read
 jobs:
   website:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04
     steps:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4