React frontend: PR dashboard, per-check dropdowns, timeline, themes

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01DgBEW6qAwgn2fcQbA2f4ZQ
2026-07-28 14:28:59 +00:00
parent 1163357967
commit c9d810c8e5
20 changed files with 1560 additions and 0 deletions
@@ -0,0 +1,25 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
+    <title>PR Monitor</title>
+    <link
+      rel="icon"
+      href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='4' cy='3' r='2.2' fill='%232a78d6'/%3E%3Ccircle cx='4' cy='13' r='2.2' fill='%232a78d6'/%3E%3Ccircle cx='12' cy='8' r='2.2' fill='%230ca30c'/%3E%3Cpath d='M4 5v6M12 6V5a3 3 0 0 0-3-3' stroke='%23898781' stroke-width='1.6' fill='none'/%3E%3C/svg%3E"
+    />
+    <meta name="theme-color" media="(prefers-color-scheme: light)" content="#f9f9f7" />
+    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#0d0d0d" />
+    <script>
+      // Apply the stored theme before first paint to avoid a flash.
+      (function () {
+        var t = localStorage.getItem('theme');
+        if (t === 'light' || t === 'dark') document.documentElement.dataset.theme = t;
+      })();
+    </script>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>