feat(ui): add profiles-only mode to simplify model selection

Adds a new setting to show only AI profiles by default, hiding advanced
model tweaking options (Claude SDK, thinking levels, Codex) for a cleaner
UI. Users can toggle advanced options when needed via "Show Advanced" button.

- Added showProfilesOnly setting in app store and settings view
- Modified board-view dialogs to conditionally hide advanced options
- Added toggle buttons to temporarily show advanced options in both
  add and edit feature modals
- Enhanced settings view with proper icons and descriptions

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

Co-Authored-By: Claude Sonnet 4 <noreply@anthropic.com>

.automaker/feature_list.json

@@ -274,5 +274,23 @@
     "summary": "Fixed all TypeScript errors in the codebase. Modified: src/app/api/claude/test/route.ts (rewrote to use fetch instead of missing @anthropic-ai/sdk), src/lib/electron.ts (fixed saveImageToTemp signature, removed duplicate Window declaration), src/types/electron.d.ts (added deleteFile, resumeFeature, contextExists, analyzeProject methods), src/store/app-store.ts (added FileTreeNode, ProjectAnalysis types and analysis state/actions), src/components/views/analysis-view.tsx (added type annotations for implicit any), src/hooks/use-electron-agent.ts (fixed return type to include queue properties). Created: src/components/ui/badge.tsx (new component required by chat-history.tsx).",
     "model": "opus",
     "thinkingLevel": "ultrathink"
+  },
+  {
+    "id": "feature-1765371638849-1gfiifuqy",
+    "category": "Uncategorized",
+    "description": "So currently we have both predefined profiles and custom one created by users and custom tweaking in modal tab when creatign new feature for ai agent to run i want you to add an abbility in our settings view to have enabled only showing profiels by default and what that mean that the model tweaking like selecting bewteen claude / codex and thinking mode is hidden and only profiles are shown so the ui wont be ower head and if users want to tweaks seetings they can always reenabled it in setting view ",
+    "steps": [],
+    "status": "verified",
+    "imagePaths": [
+      {
+        "id": "img-1765371471290-6jcmwkviv",
+        "path": "/Users/shirone/Library/Application Support/automaker/images/1765371471287-jejcmoc8q_SCR-20251210-lpki.png",
+        "filename": "SCR-20251210-lpki.png",
+        "mimeType": "image/png"
+      }
+    ],
+    "skipTests": true,
+    "model": "sonnet",
+    "thinkingLevel": "medium"
   }
 ]

app/src/components/views/board-view.tsx

@@ -185,6 +185,7 @@ export function BoardView() {
     setMaxConcurrency,
     defaultSkipTests,
     useWorktrees,
+    showProfilesOnly,
     aiProfiles,
   } = useAppStore();
   const [activeFeature, setActiveFeature] = useState<Feature | null>(null);
@@ -223,6 +224,9 @@ export function BoardView() {
   const [followUpPreviewMap, setFollowUpPreviewMap] = useState<ImagePreviewMap>(
     () => new Map()
   );
+  // Local state to temporarily show advanced options when profiles-only mode is enabled
+  const [showAdvancedOptions, setShowAdvancedOptions] = useState(false);
+  const [showEditAdvancedOptions, setShowEditAdvancedOptions] = useState(false);
 
   // Make current project available globally for modal
   useEffect(() => {
@@ -1619,9 +1623,10 @@ export function BoardView() {
       {/* Add Feature Dialog */}
       <Dialog open={showAddDialog} onOpenChange={(open) => {
         setShowAddDialog(open);
-        // Clear preview map when dialog closes
+        // Clear preview map and reset advanced options when dialog closes
         if (!open) {
           setNewFeaturePreviewMap(new Map());
+          setShowAdvancedOptions(false);
         }
       }}>
         <DialogContent
@@ -1694,6 +1699,29 @@ export function BoardView() {
 
             {/* Model Tab */}
             <TabsContent value="model" className="space-y-4 overflow-y-auto">
+              {/* Show Advanced Options Toggle - only when profiles-only mode is enabled */}
+              {showProfilesOnly && (
+                <div className="flex items-center justify-between p-3 bg-muted/30 rounded-lg border border-border">
+                  <div className="space-y-1">
+                    <p className="text-sm font-medium text-foreground">
+                      Simple Mode Active
+                    </p>
+                    <p className="text-xs text-muted-foreground">
+                      Only showing AI profiles. Advanced model tweaking is hidden.
+                    </p>
+                  </div>
+                  <Button
+                    variant="outline"
+                    size="sm"
+                    onClick={() => setShowAdvancedOptions(!showAdvancedOptions)}
+                    data-testid="show-advanced-options-toggle"
+                  >
+                    <Settings2 className="w-4 h-4 mr-2" />
+                    {showAdvancedOptions ? 'Hide' : 'Show'} Advanced
+                  </Button>
+                </div>
+              )}
+
               {/* Quick Select Profile Section */}
               {aiProfiles.length > 0 && (
                 <div className="space-y-3">
@@ -1775,9 +1803,10 @@ export function BoardView() {
               )}
 
               {/* Separator */}
-              {aiProfiles.length > 0 && <div className="border-t border-border" />}
+              {aiProfiles.length > 0 && (!showProfilesOnly || showAdvancedOptions) && <div className="border-t border-border" />}
 
-              {/* Claude Models Section */}
+              {/* Claude Models Section - Hidden when showProfilesOnly is true and showAdvancedOptions is false */}
+              {(!showProfilesOnly || showAdvancedOptions) && (
               <div className="space-y-3">
                 <div className="flex items-center justify-between">
                   <Label className="flex items-center gap-2">
@@ -1844,11 +1873,13 @@ export function BoardView() {
                   </div>
                 )}
               </div>
+              )}
 
               {/* Separator */}
-              <div className="border-t border-border" />
+              {(!showProfilesOnly || showAdvancedOptions) && <div className="border-t border-border" />}
 
-              {/* Codex Models Section */}
+              {/* Codex Models Section - Hidden when showProfilesOnly is true and showAdvancedOptions is false */}
+              {(!showProfilesOnly || showAdvancedOptions) && (
               <div className="space-y-3">
                 <div className="flex items-center justify-between">
                   <Label className="flex items-center gap-2">
@@ -1873,6 +1904,7 @@ export function BoardView() {
                   Codex models do not support thinking levels.
                 </p>
               </div>
+              )}
             </TabsContent>
 
             {/* Testing Tab */}
@@ -1960,7 +1992,12 @@ export function BoardView() {
       {/* Edit Feature Dialog */}
       <Dialog
         open={!!editingFeature}
-        onOpenChange={() => setEditingFeature(null)}
+        onOpenChange={(open) => {
+          if (!open) {
+            setEditingFeature(null);
+            setShowEditAdvancedOptions(false);
+          }
+        }}
       >
         <DialogContent compact={!isMaximized} data-testid="edit-feature-dialog">
           <DialogHeader>
@@ -2020,6 +2057,29 @@ export function BoardView() {
 
               {/* Model Tab */}
               <TabsContent value="model" className="space-y-4 overflow-y-auto">
+                {/* Show Advanced Options Toggle - only when profiles-only mode is enabled */}
+                {showProfilesOnly && (
+                  <div className="flex items-center justify-between p-3 bg-muted/30 rounded-lg border border-border">
+                    <div className="space-y-1">
+                      <p className="text-sm font-medium text-foreground">
+                        Simple Mode Active
+                      </p>
+                      <p className="text-xs text-muted-foreground">
+                        Only showing AI profiles. Advanced model tweaking is hidden.
+                      </p>
+                    </div>
+                    <Button
+                      variant="outline"
+                      size="sm"
+                      onClick={() => setShowEditAdvancedOptions(!showEditAdvancedOptions)}
+                      data-testid="edit-show-advanced-options-toggle"
+                    >
+                      <Settings2 className="w-4 h-4 mr-2" />
+                      {showEditAdvancedOptions ? 'Hide' : 'Show'} Advanced
+                    </Button>
+                  </div>
+                )}
+
                 {/* Quick Select Profile Section */}
                 {aiProfiles.length > 0 && (
                   <div className="space-y-3">
@@ -2091,9 +2151,10 @@ export function BoardView() {
                 )}
 
                 {/* Separator */}
-                {aiProfiles.length > 0 && <div className="border-t border-border" />}
+                {aiProfiles.length > 0 && (!showProfilesOnly || showEditAdvancedOptions) && <div className="border-t border-border" />}
 
-                {/* Claude Models Section */}
+                {/* Claude Models Section - Hidden when showProfilesOnly is true and showEditAdvancedOptions is false */}
+                {(!showProfilesOnly || showEditAdvancedOptions) && (
                 <div className="space-y-3">
                   <div className="flex items-center justify-between">
                     <Label className="flex items-center gap-2">
@@ -2161,11 +2222,13 @@ export function BoardView() {
                     </div>
                   )}
                 </div>
+                )}
 
                 {/* Separator */}
-                <div className="border-t border-border" />
+                {(!showProfilesOnly || showEditAdvancedOptions) && <div className="border-t border-border" />}
 
-                {/* Codex Models Section */}
+                {/* Codex Models Section - Hidden when showProfilesOnly is true and showEditAdvancedOptions is false */}
+                {(!showProfilesOnly || showEditAdvancedOptions) && (
                 <div className="space-y-3">
                   <div className="flex items-center justify-between">
                     <Label className="flex items-center gap-2">
@@ -2191,6 +2254,7 @@ export function BoardView() {
                     Codex models do not support thinking levels.
                   </p>
                 </div>
+                )}
               </TabsContent>
 
               {/* Testing Tab */}

app/src/components/views/settings-view.tsx

@@ -37,6 +37,7 @@ import {
   Folder,
   GitBranch,
   TestTube,
+  Settings2,
 } from "lucide-react";
 import { getElectronAPI } from "@/lib/electron";
 import { Checkbox } from "@/components/ui/checkbox";
@@ -73,6 +74,8 @@ export function SettingsView() {
     setDefaultSkipTests,
     useWorktrees,
     setUseWorktrees,
+    showProfilesOnly,
+    setShowProfilesOnly,
     currentProject,
     moveProjectToTrash,
   } = useAppStore();
@@ -1283,6 +1286,40 @@ export function SettingsView() {
                 </p>
               </div>
               <div className="p-6 space-y-4">
+                {/* Profiles Only Setting */}
+                <div className="space-y-3">
+                  <div className="flex items-start space-x-3">
+                    <Checkbox
+                      id="show-profiles-only"
+                      checked={showProfilesOnly}
+                      onCheckedChange={(checked) =>
+                        setShowProfilesOnly(checked === true)
+                      }
+                      className="mt-0.5"
+                      data-testid="show-profiles-only-checkbox"
+                    />
+                    <div className="space-y-1">
+                      <Label
+                        htmlFor="show-profiles-only"
+                        className="text-foreground cursor-pointer font-medium flex items-center gap-2"
+                      >
+                        <Settings2 className="w-4 h-4 text-brand-500" />
+                        Show profiles only by default
+                      </Label>
+                      <p className="text-xs text-muted-foreground">
+                        When enabled, the Add Feature dialog will show only AI profiles
+                        and hide advanced model tweaking options (Claude SDK, thinking levels,
+                        and OpenAI Codex CLI). This creates a cleaner, less overwhelming UI.
+                        You can always disable this to access advanced settings.
+                      </p>
+                    </div>
+                  </div>
+                </div>
+
+                {/* Separator */}
+                <div className="border-t border-border" />
+
+                {/* Skip Tests Setting */}
                 <div className="space-y-3">
                   <div className="flex items-start space-x-3">
                     <Checkbox
@@ -1297,7 +1334,7 @@ export function SettingsView() {
                     <div className="space-y-1">
                       <Label
                         htmlFor="default-skip-tests"
-                        className="text-foreground cursor-pointer font-medium"
+                        className="text-foreground cursor-pointer font-medium flex items-center gap-2"
                       >
                         <TestTube className="w-4 h-4 text-brand-500" />
                         Skip automated testing by default

app/src/store/app-store.ts

@@ -192,6 +192,9 @@ export interface AppState {
   // AI Profiles
   aiProfiles: AIProfile[];
 
+  // Profile Display Settings
+  showProfilesOnly: boolean; // When true, hide model tweaking options and show only profile selection
+
   // Project Analysis
   projectAnalysis: ProjectAnalysis | null;
   isAnalyzing: boolean;
@@ -283,6 +286,9 @@ export interface AppActions {
   // Worktree Settings actions
   setUseWorktrees: (enabled: boolean) => void;
 
+  // Profile Display Settings actions
+  setShowProfilesOnly: (enabled: boolean) => void;
+
   // AI Profile actions
   addAIProfile: (profile: Omit<AIProfile, "id">) => void;
   updateAIProfile: (id: string, updates: Partial<AIProfile>) => void;
@@ -377,6 +383,7 @@ const initialState: AppState = {
   kanbanCardDetailLevel: "standard", // Default to standard detail level
   defaultSkipTests: false, // Default to TDD mode (tests enabled)
   useWorktrees: false, // Default to disabled (worktree feature is experimental)
+  showProfilesOnly: false, // Default to showing all options (not profiles only)
   aiProfiles: DEFAULT_AI_PROFILES,
   projectAnalysis: null,
   isAnalyzing: false,
@@ -711,6 +718,9 @@ export const useAppStore = create<AppState & AppActions>()(
       // Worktree Settings actions
       setUseWorktrees: (enabled) => set({ useWorktrees: enabled }),
 
+      // Profile Display Settings actions
+      setShowProfilesOnly: (enabled) => set({ showProfilesOnly: enabled }),
+
       // AI Profile actions
       addAIProfile: (profile) => {
         const id = `profile-${Date.now()}-${Math.random()
@@ -766,6 +776,7 @@ export const useAppStore = create<AppState & AppActions>()(
         kanbanCardDetailLevel: state.kanbanCardDetailLevel,
         defaultSkipTests: state.defaultSkipTests,
         useWorktrees: state.useWorktrees,
+        showProfilesOnly: state.showProfilesOnly,
         aiProfiles: state.aiProfiles,
       }),
     }