V3

Many many many changes, honestly just read the release notes

web/src/components/RefreshButton.tsx

@@ -1,11 +1,10 @@
-import { MouseEvent } from "react";
+import { useState } from "react";
 import { WithTooltip } from "./Tooltip";
 
 export default function RefreshButton() {
-  const refresh = (event: MouseEvent) => {
-    const btn = event.currentTarget as HTMLButtonElement;
-    btn.disabled = true;
-
+  const [disabled, setDisabled] = useState(false);
+  const refresh = () => {
+    setDisabled(true);
     const request = new XMLHttpRequest();
     request.onload = () => {
       if (request.status === 200) {
@@ -15,14 +14,14 @@ export default function RefreshButton() {
     request.open(
       "GET",
       process.env.NODE_ENV === "production"
-        ? "/refresh"
-        : `http://${window.location.hostname}:8000/refresh`,
+        ? "/api/v3/refresh"
+        : `http://${window.location.hostname}:8000/api/v3/refresh`,
     );
     request.send();
   };
   return (
     <WithTooltip text="Reload">
-      <button className="group" onClick={refresh}>
+      <button className="group shrink-0" onClick={refresh} disabled={disabled}>
         <svg
           xmlns="http://www.w3.org/2000/svg"
           width="24"
@@ -33,7 +32,7 @@ export default function RefreshButton() {
           strokeWidth="2"
           strokeLinecap="round"
           strokeLinejoin="round"
-          className="group-disabled:animate-spin"
+          className="size-6 group-disabled:animate-spin"
         >
           <path stroke="none" d="M0 0h24v24H0z" fill="none" />
           <path d="M4,11A8.1,8.1 0 0 1 19.5,9M20,5v4h-4" />