feat: Enhance Cursor model selection and profile handling

- Updated AddFeatureDialog to support both Cursor and Claude profiles, allowing for dynamic model and thinking level selection based on the chosen profile.
- Modified ModelSelector to filter available Cursor models based on global settings and display a warning if the Cursor CLI is not available.
- Enhanced ProfileQuickSelect to handle both profile types and improve selection logic for Cursor profiles.
- Refactored CursorSettingsTab to manage global settings for enabled Cursor models and default model selection, streamlining the configuration process.

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

apps/ui/src/components/views/board-view/shared/model-selector.tsx

@@ -1,8 +1,10 @@
 import { Label } from '@/components/ui/label';
 import { Badge } from '@/components/ui/badge';
-import { Brain, Bot, Terminal } from 'lucide-react';
+import { Brain, Bot, Terminal, AlertTriangle } from 'lucide-react';
 import { cn } from '@/lib/utils';
 import type { AgentModel } from '@/store/app-store';
+import { useAppStore } from '@/store/app-store';
+import { useSetupStore } from '@/store/setup-store';
 import type { ModelProvider } from '@automaker/types';
 import { CLAUDE_MODELS, CURSOR_MODELS, ModelOption } from './model-constants';
 
@@ -27,12 +29,25 @@ export function ModelSelector({
   onModelSelect,
   testIdPrefix = 'model-select',
 }: ModelSelectorProps) {
+  const { enabledCursorModels, cursorDefaultModel } = useAppStore();
+  const { cursorCliStatus } = useSetupStore();
+
   const selectedProvider = getProviderFromModelString(selectedModel);
 
+  // Check if Cursor CLI is available
+  const isCursorAvailable = cursorCliStatus?.installed && cursorCliStatus?.auth?.authenticated;
+
+  // Filter Cursor models based on enabled models from global settings
+  const filteredCursorModels = CURSOR_MODELS.filter((model) => {
+    // Extract the cursor model ID from the prefixed ID (e.g., "cursor-auto" -> "auto")
+    const cursorModelId = model.id.replace('cursor-', '');
+    return enabledCursorModels.includes(cursorModelId as any);
+  });
+
   const handleProviderChange = (provider: ModelProvider) => {
     if (provider === 'cursor' && selectedProvider !== 'cursor') {
-      // Switch to Cursor's default model
-      onModelSelect('cursor-auto');
+      // Switch to Cursor's default model (from global settings)
+      onModelSelect(`cursor-${cursorDefaultModel}`);
     } else if (provider === 'claude' && selectedProvider !== 'claude') {
       // Switch to Claude's default model
       onModelSelect('sonnet');
@@ -117,6 +132,17 @@ export function ModelSelector({
       {/* Cursor Models */}
       {selectedProvider === 'cursor' && (
         <div className="space-y-3">
+          {/* Warning when Cursor CLI is not available */}
+          {!isCursorAvailable && (
+            <div className="flex items-start gap-2 p-3 rounded-lg bg-amber-500/10 border border-amber-500/20">
+              <AlertTriangle className="w-4 h-4 text-amber-400 mt-0.5 shrink-0" />
+              <div className="text-sm text-amber-400">
+                Cursor CLI is not installed or authenticated. Configure it in Settings → AI
+                Providers.
+              </div>
+            </div>
+          )}
+
           <div className="flex items-center justify-between">
             <Label className="flex items-center gap-2">
               <Terminal className="w-4 h-4 text-primary" />
@@ -127,49 +153,55 @@ export function ModelSelector({
             </span>
           </div>
           <div className="flex flex-col gap-2">
-            {CURSOR_MODELS.map((option) => {
-              const isSelected = selectedModel === option.id;
-              return (
-                <button
-                  key={option.id}
-                  type="button"
-                  onClick={() => onModelSelect(option.id)}
-                  title={option.description}
-                  className={cn(
-                    'w-full px-3 py-2 rounded-md border text-sm font-medium transition-colors flex items-center justify-between',
-                    isSelected
-                      ? 'bg-primary text-primary-foreground border-primary'
-                      : 'bg-background hover:bg-accent border-border'
-                  )}
-                  data-testid={`${testIdPrefix}-${option.id}`}
-                >
-                  <span>{option.label}</span>
-                  <div className="flex gap-1">
-                    {option.hasThinking && (
-                      <Badge
-                        variant="outline"
-                        className={cn(
-                          'text-xs',
-                          isSelected
-                            ? 'border-primary-foreground/50 text-primary-foreground'
-                            : 'border-amber-500/50 text-amber-600 dark:text-amber-400'
-                        )}
-                      >
-                        Thinking
-                      </Badge>
+            {filteredCursorModels.length === 0 ? (
+              <div className="text-sm text-muted-foreground p-3 border border-dashed rounded-md text-center">
+                No Cursor models enabled. Enable models in Settings → AI Providers.
+              </div>
+            ) : (
+              filteredCursorModels.map((option) => {
+                const isSelected = selectedModel === option.id;
+                return (
+                  <button
+                    key={option.id}
+                    type="button"
+                    onClick={() => onModelSelect(option.id)}
+                    title={option.description}
+                    className={cn(
+                      'w-full px-3 py-2 rounded-md border text-sm font-medium transition-colors flex items-center justify-between',
+                      isSelected
+                        ? 'bg-primary text-primary-foreground border-primary'
+                        : 'bg-background hover:bg-accent border-border'
                     )}
-                    {option.tier && (
-                      <Badge
-                        variant={option.tier === 'free' ? 'default' : 'secondary'}
-                        className={cn('text-xs', isSelected && 'bg-primary-foreground/20')}
-                      >
-                        {option.tier}
-                      </Badge>
-                    )}
-                  </div>
-                </button>
-              );
-            })}
+                    data-testid={`${testIdPrefix}-${option.id}`}
+                  >
+                    <span>{option.label}</span>
+                    <div className="flex gap-1">
+                      {option.hasThinking && (
+                        <Badge
+                          variant="outline"
+                          className={cn(
+                            'text-xs',
+                            isSelected
+                              ? 'border-primary-foreground/50 text-primary-foreground'
+                              : 'border-amber-500/50 text-amber-600 dark:text-amber-400'
+                          )}
+                        >
+                          Thinking
+                        </Badge>
+                      )}
+                      {option.tier && (
+                        <Badge
+                          variant={option.tier === 'free' ? 'default' : 'secondary'}
+                          className={cn('text-xs', isSelected && 'bg-primary-foreground/20')}
+                        >
+                          {option.tier}
+                        </Badge>
+                      )}
+                    </div>
+                  </button>
+                );
+              })
+            )}
           </div>
         </div>
       )}

apps/ui/src/components/views/board-view/shared/profile-quick-select.tsx

@@ -1,5 +1,5 @@
 import { Label } from '@/components/ui/label';
-import { Brain, UserCircle } from 'lucide-react';
+import { Brain, UserCircle, Terminal } from 'lucide-react';
 import { cn } from '@/lib/utils';
 import type { AgentModel, ThinkingLevel, AIProfile } from '@automaker/types';
 import { CURSOR_MODEL_MAP, profileHasThinking } from '@automaker/types';
@@ -34,7 +34,8 @@ interface ProfileQuickSelectProps {
   profiles: AIProfile[];
   selectedModel: AgentModel;
   selectedThinkingLevel: ThinkingLevel;
-  onSelect: (model: AgentModel, thinkingLevel: ThinkingLevel) => void;
+  selectedCursorModel?: string; // For detecting cursor profile selection
+  onSelect: (profile: AIProfile) => void; // Changed to pass full profile
   testIdPrefix?: string;
   showManageLink?: boolean;
   onManageLinkClick?: () => void;
@@ -44,19 +45,30 @@ export function ProfileQuickSelect({
   profiles,
   selectedModel,
   selectedThinkingLevel,
+  selectedCursorModel,
   onSelect,
   testIdPrefix = 'profile-quick-select',
   showManageLink = false,
   onManageLinkClick,
 }: ProfileQuickSelectProps) {
-  // Filter to only Claude profiles for now - Cursor profiles will be supported
-  // when features support provider selection (Phase 9)
-  const claudeProfiles = profiles.filter((p) => p.provider === 'claude');
+  // Show both Claude and Cursor profiles
+  const allProfiles = profiles;
 
-  if (claudeProfiles.length === 0) {
+  if (allProfiles.length === 0) {
     return null;
   }
 
+  // Check if a profile is selected
+  const isProfileSelected = (profile: AIProfile): boolean => {
+    if (profile.provider === 'cursor') {
+      // For cursor profiles, check if cursor model matches
+      const profileCursorModel = `cursor-${profile.cursorModel || 'auto'}`;
+      return selectedCursorModel === profileCursorModel;
+    }
+    // For Claude profiles
+    return selectedModel === profile.model && selectedThinkingLevel === profile.thinkingLevel;
+  };
+
   return (
     <div className="space-y-3">
       <div className="flex items-center justify-between">
@@ -69,15 +81,16 @@ export function ProfileQuickSelect({
         </span>
       </div>
       <div className="grid grid-cols-2 gap-2">
-        {claudeProfiles.slice(0, 6).map((profile) => {
+        {allProfiles.slice(0, 6).map((profile) => {
           const IconComponent = profile.icon ? PROFILE_ICONS[profile.icon] : Brain;
-          const isSelected =
-            selectedModel === profile.model && selectedThinkingLevel === profile.thinkingLevel;
+          const isSelected = isProfileSelected(profile);
+          const isCursorProfile = profile.provider === 'cursor';
+
           return (
             <button
               key={profile.id}
               type="button"
-              onClick={() => onSelect(profile.model!, profile.thinkingLevel!)}
+              onClick={() => onSelect(profile)}
               className={cn(
                 'flex items-center gap-2 p-2 rounded-lg border text-left transition-all',
                 isSelected
@@ -86,8 +99,17 @@ export function ProfileQuickSelect({
               )}
               data-testid={`${testIdPrefix}-${profile.id}`}
             >
-              <div className="w-7 h-7 rounded flex items-center justify-center shrink-0 bg-primary/10">
-                {IconComponent && <IconComponent className="w-4 h-4 text-primary" />}
+              <div
+                className={cn(
+                  'w-7 h-7 rounded flex items-center justify-center shrink-0',
+                  isCursorProfile ? 'bg-amber-500/10' : 'bg-primary/10'
+                )}
+              >
+                {isCursorProfile ? (
+                  <Terminal className="w-4 h-4 text-amber-500" />
+                ) : (
+                  IconComponent && <IconComponent className="w-4 h-4 text-primary" />
+                )}
               </div>
               <div className="min-w-0 flex-1">
                 <p className="text-sm font-medium truncate">{profile.name}</p>