style: fix formatting with Prettier

🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-02-01 20:23:36 +00:00 · 2025-12-21 20:31:57 -05:00
parent 584f5a3426
commit 8d578558ff
295 changed files with 9088 additions and 10546 deletions
--- a/apps/ui/src/components/views/settings-view/api-keys/api-key-field.tsx
+++ b/apps/ui/src/components/views/settings-view/api-keys/api-key-field.tsx
@@ -1,8 +1,8 @@
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { AlertCircle, CheckCircle2, Eye, EyeOff, Loader2, Zap } from "lucide-react";
-import type { ProviderConfig } from "@/config/api-providers";
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { AlertCircle, CheckCircle2, Eye, EyeOff, Loader2, Zap } from 'lucide-react';
+import type { ProviderConfig } from '@/config/api-providers';

 interface ApiKeyFieldProps {
  config: ProviderConfig;
@@ -42,7 +42,7 @@ export function ApiKeyField({ config }: ApiKeyFieldProps) {
        <div className="relative flex-1">
          <Input
            id={inputId}
-            type={showValue ? "text" : "password"}
+            type={showValue ? 'text' : 'password'}
            value={value}
            onChange={(e) => setValue(e.target.value)}
            placeholder={placeholder}
@@ -82,7 +82,7 @@ export function ApiKeyField({ config }: ApiKeyFieldProps) {
        </Button>
      </div>
      <p className="text-xs text-muted-foreground">
-        {descriptionPrefix}{" "}
+        {descriptionPrefix}{' '}
        <a
          href={descriptionLinkHref}
          target="_blank"
@@ -97,8 +97,8 @@ export function ApiKeyField({ config }: ApiKeyFieldProps) {
        <div
          className={`flex items-center gap-2 p-3 rounded-lg ${
            result.success
-              ? "bg-green-500/10 border border-green-500/20 text-green-400"
-              : "bg-red-500/10 border border-red-500/20 text-red-400"
+              ? 'bg-green-500/10 border border-green-500/20 text-green-400'
+              : 'bg-red-500/10 border border-red-500/20 text-red-400'
          }`}
          data-testid={resultTestId}
        >
--- a/apps/ui/src/components/views/settings-view/api-keys/api-keys-section.tsx
+++ b/apps/ui/src/components/views/settings-view/api-keys/api-keys-section.tsx
@@ -1,17 +1,17 @@
-import { useAppStore } from "@/store/app-store";
-import { useSetupStore } from "@/store/setup-store";
-import { Button } from "@/components/ui/button";
-import { Key, CheckCircle2, Settings, Trash2, Loader2 } from "lucide-react";
-import { ApiKeyField } from "./api-key-field";
-import { buildProviderConfigs } from "@/config/api-providers";
-import { AuthenticationStatusDisplay } from "./authentication-status-display";
-import { SecurityNotice } from "./security-notice";
-import { useApiKeyManagement } from "./hooks/use-api-key-management";
-import { cn } from "@/lib/utils";
-import { useState, useCallback } from "react";
-import { getElectronAPI } from "@/lib/electron";
-import { toast } from "sonner";
-import { useNavigate } from "@tanstack/react-router";
+import { useAppStore } from '@/store/app-store';
+import { useSetupStore } from '@/store/setup-store';
+import { Button } from '@/components/ui/button';
+import { Key, CheckCircle2, Settings, Trash2, Loader2 } from 'lucide-react';
+import { ApiKeyField } from './api-key-field';
+import { buildProviderConfigs } from '@/config/api-providers';
+import { AuthenticationStatusDisplay } from './authentication-status-display';
+import { SecurityNotice } from './security-notice';
+import { useApiKeyManagement } from './hooks/use-api-key-management';
+import { cn } from '@/lib/utils';
+import { useState, useCallback } from 'react';
+import { getElectronAPI } from '@/lib/electron';
+import { toast } from 'sonner';
+import { useNavigate } from '@tanstack/react-router';

 export function ApiKeysSection() {
  const { apiKeys, setApiKeys } = useAppStore();
@@ -19,8 +19,7 @@ export function ApiKeysSection() {
  const [isDeletingAnthropicKey, setIsDeletingAnthropicKey] = useState(false);
  const navigate = useNavigate();

-  const { providerConfigParams, apiKeyStatus, handleSave, saved } =
-    useApiKeyManagement();
+  const { providerConfigParams, apiKeyStatus, handleSave, saved } = useApiKeyManagement();

  const providerConfigs = buildProviderConfigs(providerConfigParams);

@@ -30,24 +29,24 @@ export function ApiKeysSection() {
    try {
      const api = getElectronAPI();
      if (!api.setup?.deleteApiKey) {
-        toast.error("Delete API not available");
+        toast.error('Delete API not available');
        return;
      }

-      const result = await api.setup.deleteApiKey("anthropic");
+      const result = await api.setup.deleteApiKey('anthropic');
      if (result.success) {
-        setApiKeys({ ...apiKeys, anthropic: "" });
+        setApiKeys({ ...apiKeys, anthropic: '' });
        setClaudeAuthStatus({
          authenticated: false,
-          method: "none",
+          method: 'none',
          hasCredentialsFile: claudeAuthStatus?.hasCredentialsFile || false,
        });
-        toast.success("Anthropic API key deleted");
+        toast.success('Anthropic API key deleted');
      } else {
-        toast.error(result.error || "Failed to delete API key");
+        toast.error(result.error || 'Failed to delete API key');
      }
    } catch (error) {
-      toast.error("Failed to delete API key");
+      toast.error('Failed to delete API key');
    } finally {
      setIsDeletingAnthropicKey(false);
    }
@@ -56,16 +55,16 @@ export function ApiKeysSection() {
  // Open setup wizard
  const openSetupWizard = useCallback(() => {
    setSetupComplete(false);
-    navigate({ to: "/setup" });
+    navigate({ to: '/setup' });
  }, [setSetupComplete, navigate]);

  return (
    <div
      className={cn(
-        "rounded-2xl overflow-hidden",
-        "border border-border/50",
-        "bg-gradient-to-br from-card/90 via-card/70 to-card/80 backdrop-blur-xl",
-        "shadow-sm shadow-black/5"
+        'rounded-2xl overflow-hidden',
+        'border border-border/50',
+        'bg-gradient-to-br from-card/90 via-card/70 to-card/80 backdrop-blur-xl',
+        'shadow-sm shadow-black/5'
      )}
    >
      <div className="p-6 border-b border-border/50 bg-gradient-to-r from-transparent via-accent/5 to-transparent">
@@ -101,13 +100,13 @@ export function ApiKeysSection() {
            onClick={handleSave}
            data-testid="save-settings"
            className={cn(
-              "min-w-[140px] h-10",
-              "bg-gradient-to-r from-brand-500 to-brand-600",
-              "hover:from-brand-600 hover:to-brand-600",
-              "text-white font-medium border-0",
-              "shadow-md shadow-brand-500/20 hover:shadow-lg hover:shadow-brand-500/25",
-              "transition-all duration-200 ease-out",
-              "hover:scale-[1.02] active:scale-[0.98]"
+              'min-w-[140px] h-10',
+              'bg-gradient-to-r from-brand-500 to-brand-600',
+              'hover:from-brand-600 hover:to-brand-600',
+              'text-white font-medium border-0',
+              'shadow-md shadow-brand-500/20 hover:shadow-lg hover:shadow-brand-500/25',
+              'transition-all duration-200 ease-out',
+              'hover:scale-[1.02] active:scale-[0.98]'
            )}
          >
            {saved ? (
@@ -116,7 +115,7 @@ export function ApiKeysSection() {
                Saved!
              </>
            ) : (
-              "Save API Keys"
+              'Save API Keys'
            )}
          </Button>

--- a/apps/ui/src/components/views/settings-view/api-keys/hooks/use-api-key-management.ts
+++ b/apps/ui/src/components/views/settings-view/api-keys/hooks/use-api-key-management.ts
@@ -1,7 +1,7 @@
-import { useState, useEffect } from "react";
-import { useAppStore } from "@/store/app-store";
-import { getElectronAPI } from "@/lib/electron";
-import type { ProviderConfigParams } from "@/config/api-providers";
+import { useState, useEffect } from 'react';
+import { useAppStore } from '@/store/app-store';
+import { getElectronAPI } from '@/lib/electron';
+import type { ProviderConfigParams } from '@/config/api-providers';

 interface TestResult {
  success: boolean;
@@ -32,9 +32,7 @@ export function useApiKeyManagement() {
  const [testingConnection, setTestingConnection] = useState(false);
  const [testResult, setTestResult] = useState<TestResult | null>(null);
  const [testingGeminiConnection, setTestingGeminiConnection] = useState(false);
-  const [geminiTestResult, setGeminiTestResult] = useState<TestResult | null>(
-    null
-  );
+  const [geminiTestResult, setGeminiTestResult] = useState<TestResult | null>(null);

  // API key status from environment
  const [apiKeyStatus, setApiKeyStatus] = useState<ApiKeyStatus | null>(null);
@@ -62,7 +60,7 @@ export function useApiKeyManagement() {
            });
          }
        } catch (error) {
-          console.error("Failed to check API key status:", error);
+          console.error('Failed to check API key status:', error);
        }
      }
    };
@@ -76,23 +74,23 @@ export function useApiKeyManagement() {

    try {
      const api = getElectronAPI();
-      const data = await api.setup.verifyClaudeAuth("api_key");
+      const data = await api.setup.verifyClaudeAuth('api_key');

      if (data.success && data.authenticated) {
        setTestResult({
          success: true,
-          message: "Connection successful! Claude responded.",
+          message: 'Connection successful! Claude responded.',
        });
      } else {
        setTestResult({
          success: false,
-          message: data.error || "Failed to connect to Claude API.",
+          message: data.error || 'Failed to connect to Claude API.',
        });
      }
    } catch {
      setTestResult({
        success: false,
-        message: "Network error. Please check your connection.",
+        message: 'Network error. Please check your connection.',
      });
    } finally {
      setTestingConnection(false);
@@ -109,7 +107,7 @@ export function useApiKeyManagement() {
    if (!googleKey || googleKey.trim().length < 10) {
      setGeminiTestResult({
        success: false,
-        message: "Please enter a valid API key.",
+        message: 'Please enter a valid API key.',
      });
      setTestingGeminiConnection(false);
      return;
@@ -119,7 +117,7 @@ export function useApiKeyManagement() {
    // Full verification requires a backend endpoint
    setGeminiTestResult({
      success: true,
-      message: "API key saved. Connection test not yet available.",
+      message: 'API key saved. Connection test not yet available.',
    });
    setTestingGeminiConnection(false);
  };
--- a/apps/ui/src/components/views/settings-view/api-keys/security-notice.tsx
+++ b/apps/ui/src/components/views/settings-view/api-keys/security-notice.tsx
@@ -1,4 +1,4 @@
-import { AlertCircle } from "lucide-react";
+import { AlertCircle } from 'lucide-react';

 interface SecurityNoticeProps {
  title?: string;
@@ -6,7 +6,7 @@ interface SecurityNoticeProps {
 }

 export function SecurityNotice({
-  title = "Security Notice",
+  title = 'Security Notice',
  message = "API keys are stored in your browser's local storage. Never share your API keys or commit them to version control.",
 }: SecurityNoticeProps) {
  return (