Fix ESLint errors in frontend

- Replace 'any' types with proper interfaces
- Fix setState-in-effect with queueMicrotask
- Remove unused imports and variables

Author: mliotta

src/web/src/app/(dashboard)/apis/[id]/page.tsx

@@ -67,7 +67,7 @@ export default function ApiDetailPage() {
     try {
       await deleteApi.mutateAsync(id);
       router.push('/apis');
-    } catch (error) {
+    } catch {
       setIsDeleting(false);
     }
   };

src/web/src/app/(dashboard)/apis/register/page.tsx

@@ -36,6 +36,18 @@ const registerSchema = z.object({
 
 type RegisterFormData = z.infer<typeof registerSchema>;
 
+interface RegisterApiPayload {
+  name: string;
+  specUrl: string;
+  description?: string;
+  authType: string;
+  apiKey?: string;
+  apiKeyHeader?: string;
+  bearerToken?: string;
+  basicUsername?: string;
+  basicPassword?: string;
+}
+
 export default function RegisterApiPage() {
   const router = useRouter();
   const registerApi = useRegisterApi();
@@ -59,7 +71,7 @@ export default function RegisterApiPage() {
   const onSubmit = async (data: RegisterFormData) => {
     setError(null);
     try {
-      const payload: any = {
+      const payload: RegisterApiPayload = {
         name: data.name,
         specUrl: data.specUrl,
         description: data.description,
@@ -78,8 +90,9 @@ export default function RegisterApiPage() {
 
       await registerApi.mutateAsync(payload);
       router.push('/apis');
-    } catch (err: any) {
-      setError(err.response?.data?.error || 'Failed to register API');
+    } catch (err) {
+      const axiosError = err as { response?: { data?: { error?: string } } };
+      setError(axiosError.response?.data?.error || 'Failed to register API');
     }
   };
 
@@ -155,7 +168,7 @@ export default function RegisterApiPage() {
               <Label>Authentication Type</Label>
               <Select
                 value={authType}
-                onValueChange={(value) => setValue('authType', value as any)}
+                onValueChange={(value) => setValue('authType', value as RegisterFormData['authType'])}
               >
                 <SelectTrigger>
                   <SelectValue placeholder="Select authentication type" />

src/web/src/app/auth/callback/page.tsx

@@ -34,11 +34,14 @@ function CallbackContent() {
 
   useEffect(() => {
     // Check for error in query params (errors can still be in query params as they're not sensitive)
-    const error = searchParams.get('error');
+    const errorParam = searchParams.get('error');
 
-    if (error) {
-      setStatus('error');
-      setErrorMessage(decodeURIComponent(error));
+    if (errorParam) {
+      // Wrap in microtask to avoid synchronous setState in effect
+      queueMicrotask(() => {
+        setStatus('error');
+        setErrorMessage(decodeURIComponent(errorParam));
+      });
       return;
     }
 
@@ -47,8 +50,10 @@ function CallbackContent() {
     const token = getTokenFromFragment();
 
     if (!token) {
-      setStatus('error');
-      setErrorMessage('No authentication token received');
+      queueMicrotask(() => {
+        setStatus('error');
+        setErrorMessage('No authentication token received');
+      });
       return;
     }
 
@@ -57,12 +62,13 @@ function CallbackContent() {
       window.history.replaceState(null, '', window.location.pathname + window.location.search);
     }
 
-    // Set the token in auth context
-    setUserFromToken(token);
-    setStatus('success');
-
-    // Redirect to dashboard immediately
-    router.push('/dashboard');
+    // Set the token in auth context and update status
+    queueMicrotask(() => {
+      setUserFromToken(token);
+      setStatus('success');
+      // Redirect to dashboard
+      router.push('/dashboard');
+    });
   }, [searchParams, setUserFromToken, router]);
 
   return (

src/web/src/hooks/use-apis.ts

@@ -1,7 +1,7 @@
 'use client';
 
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { apisApi, ApiRegistration, ApiDetail, ApiEndpoint } from '@/lib/api';
+import { apisApi } from '@/lib/api';
 
 export function useApis() {
   return useQuery({

src/web/src/lib/api.ts

@@ -43,15 +43,20 @@ api.interceptors.request.use((config: InternalAxiosRequestConfig) => {
   return config;
 });
 
+// Extended request config to track retry state
+interface ExtendedAxiosRequestConfig extends InternalAxiosRequestConfig {
+  _retry?: boolean;
+}
+
 // Response interceptor - handle 401 and refresh token
 api.interceptors.response.use(
   (response) => response,
   async (error: AxiosError) => {
-    const originalRequest = error.config;
+    const originalRequest = error.config as ExtendedAxiosRequestConfig | undefined;
 
     if (error.response?.status === 401 && originalRequest) {
       // Avoid infinite loops
-      if ((originalRequest as any)._retry) {
+      if (originalRequest._retry) {
         setAccessToken(null);
         // Only redirect if not already on auth pages or landing page
         if (typeof window !== 'undefined' &&
@@ -62,7 +67,7 @@ api.interceptors.response.use(
         return Promise.reject(error);
       }
 
-      (originalRequest as any)._retry = true;
+      originalRequest._retry = true;
 
       // Use singleton promise to prevent multiple refresh calls
       if (!refreshPromise) {