fix cursor

Author: Alfagun74

src/components/tailwind/button.tsx

@@ -195,7 +195,7 @@ export const Button = forwardRef(function Button(
   ) : (
     <Headless.Button
       {...props}
-      className={clsx(classes, "cursor-default")}
+      className={clsx(classes, "cursor-pointer")}
       ref={ref}
     >
       <TouchTarget>{children}</TouchTarget>

src/components/tailwind/combobox.tsx

@@ -164,7 +164,7 @@ export function ComboboxOption<T>({
       {...props}
       className={clsx(
         // Basic layout
-        "group/option grid w-full cursor-default grid-cols-[1fr_--spacing(5)] items-baseline gap-x-2 rounded-lg py-2.5 pr-2 pl-3.5 sm:grid-cols-[1fr_--spacing(4)] sm:py-1.5 sm:pr-2 sm:pl-3",
+        "group/option grid w-full cursor-pointer grid-cols-[1fr_--spacing(5)] items-baseline gap-x-2 rounded-lg py-2.5 pr-2 pl-3.5 sm:grid-cols-[1fr_--spacing(4)] sm:py-1.5 sm:pr-2 sm:pl-3",
         // Typography
         "text-base/6 text-zinc-950 sm:text-sm/6 dark:text-white forced-colors:text-[CanvasText]",
         // Focus

src/components/tailwind/listbox.tsx

@@ -127,7 +127,7 @@ export function ListboxOption<T>({
 >) {
   let sharedClasses = clsx(
     // Base
-    "flex min-w-0 items-center",
+    "cursor-pointer flex min-w-0 items-center",
     // Icons
     "*:data-[slot=icon]:size-5 *:data-[slot=icon]:shrink-0 sm:*:data-[slot=icon]:size-4",
     "*:data-[slot=icon]:text-zinc-500 group-data-focus/option:*:data-[slot=icon]:text-white dark:*:data-[slot=icon]:text-zinc-400",
@@ -149,7 +149,7 @@ export function ListboxOption<T>({
           <div
             className={clsx(
               // Basic layout
-              "group/option grid cursor-default grid-cols-[--spacing(5)_1fr] items-baseline gap-x-2 rounded-lg py-2.5 pr-3.5 pl-2 sm:grid-cols-[--spacing(4)_1fr] sm:py-1.5 sm:pr-3 sm:pl-1.5",
+              "group/option grid cursor-pointer grid-cols-[--spacing(5)_1fr] items-baseline gap-x-2 rounded-lg py-2.5 pr-3.5 pl-2 sm:grid-cols-[--spacing(4)_1fr] sm:py-1.5 sm:pr-3 sm:pl-1.5",
               // Typography
               "text-base/6 text-zinc-950 sm:text-sm/6 dark:text-white forced-colors:text-[CanvasText]",
               // Focus

src/components/tailwind/navbar.tsx

@@ -112,7 +112,7 @@ export const NavbarItem = forwardRef(function NavbarItem(
       ) : (
         <Headless.Button
           {...props}
-          className={clsx("cursor-default", classes)}
+          className={clsx("cursor-pointer", classes)}
           data-current={current ? "true" : undefined}
           ref={ref}
         >

src/components/tailwind/switch.tsx

@@ -154,7 +154,7 @@ export function Switch({
       className={clsx(
         className,
         // Base styles
-        "group relative isolate inline-flex h-6 w-10 cursor-default rounded-full p-[3px] sm:h-5 sm:w-8",
+        "group relative isolate inline-flex h-6 w-10 cursor-pointer rounded-full p-[3px] sm:h-5 sm:w-8",
         // Transitions
         "transition duration-0 ease-in-out data-changing:duration-200",
         // Outline and background color in forced-colors mode so switch is still visible

src/pages/Administration.tsx

@@ -63,6 +63,8 @@ export default function Administration() {
   const connected = !!serverUrl && !!info && !statusLoading && !statusError;
   const [reindexing, setReindexing] = useState(false);
   const [reindexError, setReindexError] = useState<string | null>(null);
+  const [restarting, setRestarting] = useState(false);
+  const [restartError, setRestartError] = useState<string | null>(null);
 
   // State: show deleted users toggle
   const [showDeleted, setShowDeleted] = useState(false);
@@ -166,9 +168,42 @@ export default function Administration() {
             >
               {reindexing ? "Reindexing…" : "Reindex Games"}
             </Button>
-            {reindexError && (
+            <Button
+              color="red"
+              disabled={restarting}
+              onClick={async () => {
+                if (restarting) return;
+                try {
+                  setRestartError(null);
+                  setRestarting(true);
+                  const base = serverUrl.replace(/\/+$/, "");
+
+                  const res = await authFetch(
+                    `${base}/api/admin/web-ui/restart`,
+                    {
+                      method: "POST",
+                    },
+                  );
+                  if (!res.ok) {
+                    const txt = await res.text();
+                    throw new Error(txt || `Restart failed (${res.status})`);
+                  } else {
+                    window.location.reload();
+                  }
+                } catch (e: any) {
+                  setRestartError(e.message || String(e));
+                } finally {
+                  setRestarting(false);
+                }
+              }}
+              title="Restart Web UI"
+              className="items-center"
+            >
+              {restarting ? "Restarting..." : "Restart Web UI"}
+            </Button>
+            {restartError && (
               <div className="col-span-full text-xs text-red-500 bg-red-500/10 rounded-md px-3 py-2">
-                {reindexError}
+                {restartError}
               </div>
             )}
           </Card>