refactor(ui): migrate settings view to React Query

- Migrate use-cursor-permissions to query and mutation hooks
- Migrate use-cursor-status to React Query
- Migrate use-skills-settings to useUpdateGlobalSettings mutation
- Migrate use-subagents-settings to mutation hooks
- Migrate use-subagents to useDiscoveredAgents query
- Migrate opencode-settings-tab to React Query hooks
- Migrate worktrees-section to query hooks
- Migrate codex/claude usage sections to query hooks
- Remove manual useState for loading/error states

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

apps/ui/src/components/views/settings-view/hooks/use-cursor-permissions.ts

@@ -1,103 +1,52 @@
-import { useState, useCallback } from 'react';
-import { createLogger } from '@automaker/utils/logger';
-import { toast } from 'sonner';
+import { useState, useCallback, useEffect } from 'react';
+import { useCursorPermissionsQuery, type CursorPermissionsData } from '@/hooks/queries';
+import { useApplyCursorProfile, useCopyCursorConfig } from '@/hooks/mutations';
 
-const logger = createLogger('CursorPermissions');
-import { getHttpApiClient } from '@/lib/http-api-client';
-import type { CursorPermissionProfile } from '@automaker/types';
-
-export interface PermissionsData {
-  activeProfile: CursorPermissionProfile | null;
-  effectivePermissions: { allow: string[]; deny: string[] } | null;
-  hasProjectConfig: boolean;
-  availableProfiles: Array<{
-    id: string;
-    name: string;
-    description: string;
-    permissions: { allow: string[]; deny: string[] };
-  }>;
-}
+// Re-export for backward compatibility
+export type PermissionsData = CursorPermissionsData;
 
 /**
  * Custom hook for managing Cursor CLI permissions
  * Handles loading permissions data, applying profiles, and copying configs
  */
 export function useCursorPermissions(projectPath?: string) {
-  const [permissions, setPermissions] = useState<PermissionsData | null>(null);
-  const [isLoadingPermissions, setIsLoadingPermissions] = useState(false);
-  const [isSavingPermissions, setIsSavingPermissions] = useState(false);
   const [copiedConfig, setCopiedConfig] = useState(false);
 
-  // Load permissions data
-  const loadPermissions = useCallback(async () => {
-    setIsLoadingPermissions(true);
-    try {
-      const api = getHttpApiClient();
-      const result = await api.setup.getCursorPermissions(projectPath);
-
-      if (result.success) {
-        setPermissions({
-          activeProfile: result.activeProfile || null,
-          effectivePermissions: result.effectivePermissions || null,
-          hasProjectConfig: result.hasProjectConfig || false,
-          availableProfiles: result.availableProfiles || [],
-        });
-      }
-    } catch (error) {
-      logger.error('Failed to load Cursor permissions:', error);
-    } finally {
-      setIsLoadingPermissions(false);
-    }
-  }, [projectPath]);
+  // React Query hooks
+  const permissionsQuery = useCursorPermissionsQuery(projectPath);
+  const applyProfileMutation = useApplyCursorProfile(projectPath);
+  const copyConfigMutation = useCopyCursorConfig();
 
   // Apply a permission profile
   const applyProfile = useCallback(
-    async (profileId: 'strict' | 'development', scope: 'global' | 'project') => {
-      setIsSavingPermissions(true);
-      try {
-        const api = getHttpApiClient();
-        const result = await api.setup.applyCursorPermissionProfile(
-          profileId,
-          scope,
-          scope === 'project' ? projectPath : undefined
-        );
-
-        if (result.success) {
-          toast.success(result.message || `Applied ${profileId} profile`);
-          await loadPermissions();
-        } else {
-          toast.error(result.error || 'Failed to apply profile');
-        }
-      } catch (error) {
-        toast.error('Failed to apply profile');
-      } finally {
-        setIsSavingPermissions(false);
-      }
+    (profileId: 'strict' | 'development', scope: 'global' | 'project') => {
+      applyProfileMutation.mutate({ profileId, scope });
     },
-    [projectPath, loadPermissions]
+    [applyProfileMutation]
   );
 
   // Copy example config to clipboard
-  const copyConfig = useCallback(async (profileId: 'strict' | 'development') => {
-    try {
-      const api = getHttpApiClient();
-      const result = await api.setup.getCursorExampleConfig(profileId);
+  const copyConfig = useCallback(
+    (profileId: 'strict' | 'development') => {
+      copyConfigMutation.mutate(profileId, {
+        onSuccess: () => {
+          setCopiedConfig(true);
+          setTimeout(() => setCopiedConfig(false), 2000);
+        },
+      });
+    },
+    [copyConfigMutation]
+  );
 
-      if (result.success && result.config) {
-        await navigator.clipboard.writeText(result.config);
-        setCopiedConfig(true);
-        toast.success('Config copied to clipboard');
-        setTimeout(() => setCopiedConfig(false), 2000);
-      }
-    } catch (error) {
-      toast.error('Failed to copy config');
-    }
-  }, []);
+  // Load permissions (refetch)
+  const loadPermissions = useCallback(() => {
+    permissionsQuery.refetch();
+  }, [permissionsQuery]);
 
   return {
-    permissions,
-    isLoadingPermissions,
-    isSavingPermissions,
+    permissions: permissionsQuery.data ?? null,
+    isLoadingPermissions: permissionsQuery.isLoading,
+    isSavingPermissions: applyProfileMutation.isPending,
     copiedConfig,
     loadPermissions,
     applyProfile,