style: fix formatting with Prettier

🤖 Generated with [Claude Code](https://claude.com/claude-code)

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

apps/ui/src/components/views/settings-view/feature-defaults/feature-defaults-section.tsx

@@ -1,18 +1,27 @@
-import { Label } from "@/components/ui/label";
-import { Checkbox } from "@/components/ui/checkbox";
+import { Label } from '@/components/ui/label';
+import { Checkbox } from '@/components/ui/checkbox';
 import {
-  FlaskConical, Settings2, TestTube, GitBranch, AlertCircle,
-  Zap, ClipboardList, FileText, ScrollText, ShieldCheck, User
-} from "lucide-react";
-import { cn } from "@/lib/utils";
+  FlaskConical,
+  Settings2,
+  TestTube,
+  GitBranch,
+  AlertCircle,
+  Zap,
+  ClipboardList,
+  FileText,
+  ScrollText,
+  ShieldCheck,
+  User,
+} from 'lucide-react';
+import { cn } from '@/lib/utils';
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@/components/ui/select";
-import type { AIProfile } from "@/store/app-store";
+} from '@/components/ui/select';
+import type { AIProfile } from '@/store/app-store';
 
 type PlanningMode = 'skip' | 'lite' | 'spec' | 'full';
 
@@ -58,10 +67,10 @@ export function FeatureDefaultsSection({
   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">
@@ -69,9 +78,7 @@ export function FeatureDefaultsSection({
           <div className="w-9 h-9 rounded-xl bg-gradient-to-br from-brand-500/20 to-brand-600/10 flex items-center justify-center border border-brand-500/20">
             <FlaskConical className="w-5 h-5 text-brand-500" />
           </div>
-          <h2 className="text-lg font-semibold text-foreground tracking-tight">
-            Feature Defaults
-          </h2>
+          <h2 className="text-lg font-semibold text-foreground tracking-tight">Feature Defaults</h2>
         </div>
         <p className="text-sm text-muted-foreground/80 ml-12">
           Configure default settings for new features.
@@ -80,13 +87,18 @@ export function FeatureDefaultsSection({
       <div className="p-6 space-y-5">
         {/* Planning Mode Default */}
         <div className="group flex items-start space-x-3 p-3 rounded-xl hover:bg-accent/30 transition-colors duration-200 -mx-3">
-          <div className={cn(
-            "w-10 h-10 mt-0.5 rounded-xl flex items-center justify-center shrink-0",
-            defaultPlanningMode === 'skip' ? "bg-emerald-500/10" :
-            defaultPlanningMode === 'lite' ? "bg-blue-500/10" :
-            defaultPlanningMode === 'spec' ? "bg-purple-500/10" :
-            "bg-amber-500/10"
-          )}>
+          <div
+            className={cn(
+              'w-10 h-10 mt-0.5 rounded-xl flex items-center justify-center shrink-0',
+              defaultPlanningMode === 'skip'
+                ? 'bg-emerald-500/10'
+                : defaultPlanningMode === 'lite'
+                  ? 'bg-blue-500/10'
+                  : defaultPlanningMode === 'spec'
+                    ? 'bg-purple-500/10'
+                    : 'bg-amber-500/10'
+            )}
+          >
             {defaultPlanningMode === 'skip' && <Zap className="w-5 h-5 text-emerald-500" />}
             {defaultPlanningMode === 'lite' && <ClipboardList className="w-5 h-5 text-blue-500" />}
             {defaultPlanningMode === 'spec' && <FileText className="w-5 h-5 text-purple-500" />}
@@ -94,17 +106,12 @@ export function FeatureDefaultsSection({
           </div>
           <div className="flex-1 space-y-2">
             <div className="flex items-center justify-between">
-              <Label className="text-foreground font-medium">
-                Default Planning Mode
-              </Label>
+              <Label className="text-foreground font-medium">Default Planning Mode</Label>
               <Select
                 value={defaultPlanningMode}
                 onValueChange={(v: string) => onDefaultPlanningModeChange(v as PlanningMode)}
               >
-                <SelectTrigger
-                  className="w-[160px] h-8"
-                  data-testid="default-planning-mode-select"
-                >
+                <SelectTrigger className="w-[160px] h-8" data-testid="default-planning-mode-select">
                   <SelectValue />
                 </SelectTrigger>
                 <SelectContent>
@@ -137,10 +144,14 @@ export function FeatureDefaultsSection({
               </Select>
             </div>
             <p className="text-xs text-muted-foreground/80 leading-relaxed">
-              {defaultPlanningMode === 'skip' && "Jump straight to implementation without upfront planning."}
-              {defaultPlanningMode === 'lite' && "Create a quick planning outline with tasks before building."}
-              {defaultPlanningMode === 'spec' && "Generate a specification with acceptance criteria for approval."}
-              {defaultPlanningMode === 'full' && "Create comprehensive spec with phased implementation plan."}
+              {defaultPlanningMode === 'skip' &&
+                'Jump straight to implementation without upfront planning.'}
+              {defaultPlanningMode === 'lite' &&
+                'Create a quick planning outline with tasks before building.'}
+              {defaultPlanningMode === 'spec' &&
+                'Generate a specification with acceptance criteria for approval.'}
+              {defaultPlanningMode === 'full' &&
+                'Create comprehensive spec with phased implementation plan.'}
             </p>
           </div>
         </div>
@@ -152,9 +163,7 @@ export function FeatureDefaultsSection({
               <Checkbox
                 id="default-require-plan-approval"
                 checked={defaultRequirePlanApproval}
-                onCheckedChange={(checked) =>
-                  onDefaultRequirePlanApprovalChange(checked === true)
-                }
+                onCheckedChange={(checked) => onDefaultRequirePlanApprovalChange(checked === true)}
                 className="mt-1"
                 data-testid="default-require-plan-approval-checkbox"
               />
@@ -187,17 +196,12 @@ export function FeatureDefaultsSection({
           </div>
           <div className="flex-1 space-y-2">
             <div className="flex items-center justify-between">
-              <Label className="text-foreground font-medium">
-                Default AI Profile
-              </Label>
+              <Label className="text-foreground font-medium">Default AI Profile</Label>
               <Select
-                value={defaultAIProfileId ?? "none"}
-                onValueChange={(v: string) => onDefaultAIProfileIdChange(v === "none" ? null : v)}
+                value={defaultAIProfileId ?? 'none'}
+                onValueChange={(v: string) => onDefaultAIProfileIdChange(v === 'none' ? null : v)}
               >
-                <SelectTrigger
-                  className="w-[180px] h-8"
-                  data-testid="default-ai-profile-select"
-                >
+                <SelectTrigger className="w-[180px] h-8" data-testid="default-ai-profile-select">
                   <SelectValue />
                 </SelectTrigger>
                 <SelectContent>
@@ -215,7 +219,7 @@ export function FeatureDefaultsSection({
             <p className="text-xs text-muted-foreground/80 leading-relaxed">
               {selectedProfile
                 ? `New features will use the "${selectedProfile.name}" profile (${selectedProfile.model}, ${selectedProfile.thinkingLevel} thinking).`
-                : "Pre-select an AI profile when creating new features. Choose \"None\" to pick manually each time."}
+                : 'Pre-select an AI profile when creating new features. Choose "None" to pick manually each time.'}
             </p>
           </div>
         </div>
@@ -228,9 +232,7 @@ export function FeatureDefaultsSection({
           <Checkbox
             id="show-profiles-only"
             checked={showProfilesOnly}
-            onCheckedChange={(checked) =>
-              onShowProfilesOnlyChange(checked === true)
-            }
+            onCheckedChange={(checked) => onShowProfilesOnlyChange(checked === true)}
             className="mt-1"
             data-testid="show-profiles-only-checkbox"
           />
@@ -243,9 +245,8 @@ export function FeatureDefaultsSection({
               Show profiles only by default
             </Label>
             <p className="text-xs text-muted-foreground/80 leading-relaxed">
-              When enabled, the Add Feature dialog will show only AI profiles
-              and hide advanced model tweaking options. This creates a cleaner, less
-              overwhelming UI.
+              When enabled, the Add Feature dialog will show only AI profiles and hide advanced
+              model tweaking options. This creates a cleaner, less overwhelming UI.
             </p>
           </div>
         </div>
@@ -258,9 +259,7 @@ export function FeatureDefaultsSection({
           <Checkbox
             id="default-skip-tests"
             checked={!defaultSkipTests}
-            onCheckedChange={(checked) =>
-              onDefaultSkipTestsChange(checked !== true)
-            }
+            onCheckedChange={(checked) => onDefaultSkipTestsChange(checked !== true)}
             className="mt-1"
             data-testid="default-skip-tests-checkbox"
           />
@@ -273,8 +272,8 @@ export function FeatureDefaultsSection({
               Enable automated testing by default
             </Label>
             <p className="text-xs text-muted-foreground/80 leading-relaxed">
-              When enabled, new features will use TDD with automated tests. When disabled, features will
-              require manual verification.
+              When enabled, new features will use TDD with automated tests. When disabled, features
+              will require manual verification.
             </p>
           </div>
         </div>
@@ -287,9 +286,7 @@ export function FeatureDefaultsSection({
           <Checkbox
             id="enable-dependency-blocking"
             checked={enableDependencyBlocking}
-            onCheckedChange={(checked) =>
-              onEnableDependencyBlockingChange(checked === true)
-            }
+            onCheckedChange={(checked) => onEnableDependencyBlockingChange(checked === true)}
             className="mt-1"
             data-testid="enable-dependency-blocking-checkbox"
           />
@@ -302,9 +299,9 @@ export function FeatureDefaultsSection({
               Enable Dependency Blocking
             </Label>
             <p className="text-xs text-muted-foreground/80 leading-relaxed">
-              When enabled, features with incomplete dependencies will show blocked badges
-              and warnings. Auto mode and backlog ordering always respect dependencies
-              regardless of this setting.
+              When enabled, features with incomplete dependencies will show blocked badges and
+              warnings. Auto mode and backlog ordering always respect dependencies regardless of
+              this setting.
             </p>
           </div>
         </div>
@@ -317,9 +314,7 @@ export function FeatureDefaultsSection({
           <Checkbox
             id="use-worktrees"
             checked={useWorktrees}
-            onCheckedChange={(checked) =>
-              onUseWorktreesChange(checked === true)
-            }
+            onCheckedChange={(checked) => onUseWorktreesChange(checked === true)}
             className="mt-1"
             data-testid="use-worktrees-checkbox"
           />
@@ -335,8 +330,8 @@ export function FeatureDefaultsSection({
               </span>
             </Label>
             <p className="text-xs text-muted-foreground/80 leading-relaxed">
-              Creates isolated git branches for each feature. When disabled,
-              agents work directly in the main project directory.
+              Creates isolated git branches for each feature. When disabled, agents work directly in
+              the main project directory.
             </p>
           </div>
         </div>