refactor: improve code formatting and readability across multiple files

frontend/README.md

@@ -4,7 +4,7 @@ This package is the **Next.js** web UI for OpenClaw Mission Control.
 
 - Talks to the Mission Control **backend** over HTTP (typically `http://localhost:8000`).
 - Uses **React Query** for data fetching.
-- Can optionally enable **Clerk** authentication (disabled by default unless you provide a *real* Clerk publishable key).
+- Can optionally enable **Clerk** authentication (disabled by default unless you provide a _real_ Clerk publishable key).
 
 ## Prerequisites
 
@@ -73,7 +73,7 @@ Implementation detail: we gate on a conservative regex (`pk_test_...` / `pk_live
   - `NEXT_PUBLIC_CLERK_SIGN_UP_FALLBACK_REDIRECT_URL`
 
 **Important:** `frontend/.env.example` contains placeholder values like `YOUR_PUBLISHABLE_KEY`.
-Those placeholders are *not* valid keys and are intentionally treated as “Clerk disabled”.
+Those placeholders are _not_ valid keys and are intentionally treated as “Clerk disabled”.
 
 ## How the frontend talks to the backend
 
@@ -161,4 +161,4 @@ Clerk should be **off** unless you set a real `pk_test_...` or `pk_live_...` pub
 
 - `allowedDevOrigins: ["192.168.1.101"]`
 
-If you’re developing from a different hostname/IP, you may need to update `allowedDevOrigins` (or use `npm run dev` on localhost).
+If you’re developing from a different hostname/IP, you may need to update `allowedDevOrigins` (or use `npm run dev` on localhost).

frontend/src/app/activity/page.test.tsx

@@ -26,15 +26,23 @@ vi.mock("next/link", () => {
 // wrappers still render <SignedOut/> from @clerk/nextjs (which crashes in real builds).
 vi.mock("@clerk/nextjs", () => {
   return {
-    ClerkProvider: ({ children }: { children: React.ReactNode }) => <>{children}</>,
+    ClerkProvider: ({ children }: { children: React.ReactNode }) => (
+      <>{children}</>
+    ),
     SignedIn: () => {
-      throw new Error("@clerk/nextjs SignedIn rendered (unexpected in secretless mode)");
+      throw new Error(
+        "@clerk/nextjs SignedIn rendered (unexpected in secretless mode)",
+      );
     },
     SignedOut: () => {
       throw new Error("@clerk/nextjs SignedOut rendered without ClerkProvider");
     },
-    SignInButton: ({ children }: { children: React.ReactNode }) => <>{children}</>,
-    SignOutButton: ({ children }: { children: React.ReactNode }) => <>{children}</>,
+    SignInButton: ({ children }: { children: React.ReactNode }) => (
+      <>{children}</>
+    ),
+    SignOutButton: ({ children }: { children: React.ReactNode }) => (
+      <>{children}</>
+    ),
     useAuth: () => ({ isLoaded: true, isSignedIn: false }),
     useUser: () => ({ isLoaded: true, isSignedIn: false, user: null }),
   };

frontend/src/app/board-groups/[groupId]/page.tsx

@@ -135,7 +135,11 @@ const SSE_RECONNECT_BACKOFF = {
 
 type HeartbeatUnit = "s" | "m" | "h" | "d";
 
-const HEARTBEAT_PRESETS: Array<{ label: string; amount: number; unit: HeartbeatUnit }> = [
+const HEARTBEAT_PRESETS: Array<{
+  label: string;
+  amount: number;
+  unit: HeartbeatUnit;
+}> = [
   { label: "30s", amount: 30, unit: "s" },
   { label: "1m", amount: 1, unit: "m" },
   { label: "2m", amount: 2, unit: "m" },
@@ -781,22 +785,22 @@ export default function BoardGroupDetailPage() {
                     {HEARTBEAT_PRESETS.map((preset) => {
                       const value = `${preset.amount}${preset.unit}`;
                       return (
-                      <button
-                        key={value}
-                        type="button"
-                        className={cn(
-                          "rounded-md px-2.5 py-1 text-xs font-semibold transition-colors",
-                          heartbeatEvery === value
-                            ? "bg-slate-900 text-white"
-                            : "text-slate-600 hover:bg-slate-100 hover:text-slate-900",
-                        )}
-                        onClick={() => {
-                          setHeartbeatAmount(String(preset.amount));
-                          setHeartbeatUnit(preset.unit);
-                        }}
-                      >
-                        {preset.label}
-                      </button>
+                        <button
+                          key={value}
+                          type="button"
+                          className={cn(
+                            "rounded-md px-2.5 py-1 text-xs font-semibold transition-colors",
+                            heartbeatEvery === value
+                              ? "bg-slate-900 text-white"
+                              : "text-slate-600 hover:bg-slate-100 hover:text-slate-900",
+                          )}
+                          onClick={() => {
+                            setHeartbeatAmount(String(preset.amount));
+                            setHeartbeatUnit(preset.unit);
+                          }}
+                        >
+                          {preset.label}
+                        </button>
                       );
                     })}
                   </div>

frontend/src/auth/clerkKey.ts

@@ -3,7 +3,9 @@
 // IMPORTANT: keep this file dependency-free (no `"use client"`, no React, no Clerk imports)
 // so it can be used from both client and server/edge entrypoints.
 
-export function isLikelyValidClerkPublishableKey(key: string | undefined): key is string {
+export function isLikelyValidClerkPublishableKey(
+  key: string | undefined,
+): key is string {
   if (!key) return false;
 
   // Clerk publishable keys look like: pk_test_... or pk_live_...

frontend/src/proxy.ts

@@ -4,7 +4,9 @@ import { clerkMiddleware } from "@clerk/nextjs/server";
 import { isLikelyValidClerkPublishableKey } from "@/auth/clerkKey";
 
 const isClerkEnabled = () =>
-  isLikelyValidClerkPublishableKey(process.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY);
+  isLikelyValidClerkPublishableKey(
+    process.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY,
+  );
 
 export default isClerkEnabled() ? clerkMiddleware() : () => NextResponse.next();