feat: Integrate Cursor provider support in AI profiles

- Updated AIProfile type to include support for Cursor provider, adding cursorModel and validation logic.
- Enhanced ProfileForm component to handle provider selection and corresponding model configurations for both Claude and Cursor.
- Implemented display functions for model and thinking configurations in ProfileQuickSelect.
- Added default Cursor profiles to the application state.
- Updated UI components to reflect provider-specific settings and validations.
- Marked completion of the AI Profiles Integration phase in the project plan.

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

@@ -1,9 +1,35 @@
 import { Label } from '@/components/ui/label';
 import { Brain, UserCircle } from 'lucide-react';
 import { cn } from '@/lib/utils';
-import { AgentModel, ThinkingLevel, AIProfile } from '@/store/app-store';
+import type { AgentModel, ThinkingLevel, AIProfile } from '@automaker/types';
+import { CURSOR_MODEL_MAP, profileHasThinking } from '@automaker/types';
 import { PROFILE_ICONS } from './model-constants';
 
+/**
+ * Get display string for a profile's model configuration
+ */
+function getProfileModelDisplay(profile: AIProfile): string {
+  if (profile.provider === 'cursor') {
+    const cursorModel = profile.cursorModel || 'auto';
+    const modelConfig = CURSOR_MODEL_MAP[cursorModel];
+    return modelConfig?.label || cursorModel;
+  }
+  // Claude
+  return profile.model || 'sonnet';
+}
+
+/**
+ * Get display string for a profile's thinking configuration
+ */
+function getProfileThinkingDisplay(profile: AIProfile): string | null {
+  if (profile.provider === 'cursor') {
+    // For Cursor, thinking is embedded in the model
+    return profileHasThinking(profile) ? 'thinking' : null;
+  }
+  // Claude
+  return profile.thinkingLevel && profile.thinkingLevel !== 'none' ? profile.thinkingLevel : null;
+}
+
 interface ProfileQuickSelectProps {
   profiles: AIProfile[];
   selectedModel: AgentModel;
@@ -23,7 +49,11 @@ export function ProfileQuickSelect({
   showManageLink = false,
   onManageLinkClick,
 }: ProfileQuickSelectProps) {
-  if (profiles.length === 0) {
+  // 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');
+
+  if (claudeProfiles.length === 0) {
     return null;
   }
 
@@ -39,7 +69,7 @@ export function ProfileQuickSelect({
         </span>
       </div>
       <div className="grid grid-cols-2 gap-2">
-        {profiles.slice(0, 6).map((profile) => {
+        {claudeProfiles.slice(0, 6).map((profile) => {
           const IconComponent = profile.icon ? PROFILE_ICONS[profile.icon] : Brain;
           const isSelected =
             selectedModel === profile.model && selectedThinkingLevel === profile.thinkingLevel;
@@ -47,7 +77,7 @@ export function ProfileQuickSelect({
             <button
               key={profile.id}
               type="button"
-              onClick={() => onSelect(profile.model, profile.thinkingLevel)}
+              onClick={() => onSelect(profile.model!, profile.thinkingLevel!)}
               className={cn(
                 'flex items-center gap-2 p-2 rounded-lg border text-left transition-all',
                 isSelected
@@ -62,8 +92,8 @@ export function ProfileQuickSelect({
               <div className="min-w-0 flex-1">
                 <p className="text-sm font-medium truncate">{profile.name}</p>
                 <p className="text-[10px] text-muted-foreground truncate">
-                  {profile.model}
-                  {profile.thinkingLevel !== 'none' && ` + ${profile.thinkingLevel}`}
+                  {getProfileModelDisplay(profile)}
+                  {getProfileThinkingDisplay(profile) && ` + ${getProfileThinkingDisplay(profile)}`}
                 </p>
               </div>
             </button>

apps/ui/src/components/views/profiles-view/components/profile-form.tsx

@@ -4,13 +4,20 @@ import { HotkeyButton } from '@/components/ui/hotkey-button';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import { Textarea } from '@/components/ui/textarea';
+import { Badge } from '@/components/ui/badge';
 import { cn, modelSupportsThinking } from '@/lib/utils';
 import { DialogFooter } from '@/components/ui/dialog';
-import { Brain } from 'lucide-react';
+import { Brain, Bot, Terminal } from 'lucide-react';
 import { toast } from 'sonner';
-import type { AIProfile, AgentModel, ThinkingLevel } from '@/store/app-store';
+import type {
+  AIProfile,
+  AgentModel,
+  ThinkingLevel,
+  ModelProvider,
+  CursorModelId,
+} from '@automaker/types';
+import { CURSOR_MODEL_MAP, cursorModelHasThinking } from '@automaker/types';
 import { CLAUDE_MODELS, THINKING_LEVELS, ICON_OPTIONS } from '../constants';
-import { getProviderFromModel } from '../utils';
 
 interface ProfileFormProps {
   profile: Partial<AIProfile>;
@@ -30,13 +37,27 @@ export function ProfileForm({
   const [formData, setFormData] = useState({
     name: profile.name || '',
     description: profile.description || '',
-    model: profile.model || ('opus' as AgentModel),
+    provider: (profile.provider || 'claude') as ModelProvider,
+    // Claude-specific
+    model: profile.model || ('sonnet' as AgentModel),
     thinkingLevel: profile.thinkingLevel || ('none' as ThinkingLevel),
+    // Cursor-specific
+    cursorModel: profile.cursorModel || ('auto' as CursorModelId),
     icon: profile.icon || 'Brain',
   });
 
-  const provider = getProviderFromModel(formData.model);
-  const supportsThinking = modelSupportsThinking(formData.model);
+  const supportsThinking = formData.provider === 'claude' && modelSupportsThinking(formData.model);
+
+  const handleProviderChange = (provider: ModelProvider) => {
+    setFormData({
+      ...formData,
+      provider,
+      // Reset to defaults when switching providers
+      model: provider === 'claude' ? 'sonnet' : formData.model,
+      thinkingLevel: provider === 'claude' ? 'none' : formData.thinkingLevel,
+      cursorModel: provider === 'cursor' ? 'auto' : formData.cursorModel,
+    });
+  };
 
   const handleModelChange = (model: AgentModel) => {
     setFormData({
@@ -45,21 +66,39 @@ export function ProfileForm({
     });
   };
 
+  const handleCursorModelChange = (cursorModel: CursorModelId) => {
+    setFormData({
+      ...formData,
+      cursorModel,
+    });
+  };
+
   const handleSubmit = () => {
     if (!formData.name.trim()) {
       toast.error('Please enter a profile name');
       return;
     }
 
-    onSave({
+    const baseProfile = {
       name: formData.name.trim(),
       description: formData.description.trim(),
-      model: formData.model,
-      thinkingLevel: supportsThinking ? formData.thinkingLevel : 'none',
-      provider,
+      provider: formData.provider,
       isBuiltIn: false,
       icon: formData.icon,
-    });
+    };
+
+    if (formData.provider === 'cursor') {
+      onSave({
+        ...baseProfile,
+        cursorModel: formData.cursorModel,
+      });
+    } else {
+      onSave({
+        ...baseProfile,
+        model: formData.model,
+        thinkingLevel: supportsThinking ? formData.thinkingLevel : 'none',
+      });
+    }
   };
 
   return (
@@ -113,34 +152,128 @@ export function ProfileForm({
           </div>
         </div>
 
-        {/* Model Selection */}
+        {/* Provider Selection */}
         <div className="space-y-2">
-          <Label className="flex items-center gap-2">
-            <Brain className="w-4 h-4 text-primary" />
-            Model
-          </Label>
-          <div className="flex gap-2 flex-wrap">
-            {CLAUDE_MODELS.map(({ id, label }) => (
-              <button
-                key={id}
-                type="button"
-                onClick={() => handleModelChange(id)}
-                className={cn(
-                  'flex-1 min-w-[100px] px-3 py-2 rounded-md border text-sm font-medium transition-colors',
-                  formData.model === id
-                    ? 'bg-primary text-primary-foreground border-primary'
-                    : 'bg-background hover:bg-accent border-border'
-                )}
-                data-testid={`model-select-${id}`}
-              >
-                {label.replace('Claude ', '')}
-              </button>
-            ))}
+          <Label>AI Provider</Label>
+          <div className="flex gap-2">
+            <button
+              type="button"
+              onClick={() => handleProviderChange('claude')}
+              className={cn(
+                'flex-1 px-3 py-2 rounded-md border text-sm font-medium transition-colors flex items-center justify-center gap-2',
+                formData.provider === 'claude'
+                  ? 'bg-primary text-primary-foreground border-primary'
+                  : 'bg-background hover:bg-accent border-border'
+              )}
+              data-testid="provider-select-claude"
+            >
+              <Bot className="w-4 h-4" />
+              Claude
+            </button>
+            <button
+              type="button"
+              onClick={() => handleProviderChange('cursor')}
+              className={cn(
+                'flex-1 px-3 py-2 rounded-md border text-sm font-medium transition-colors flex items-center justify-center gap-2',
+                formData.provider === 'cursor'
+                  ? 'bg-primary text-primary-foreground border-primary'
+                  : 'bg-background hover:bg-accent border-border'
+              )}
+              data-testid="provider-select-cursor"
+            >
+              <Terminal className="w-4 h-4" />
+              Cursor CLI
+            </button>
           </div>
         </div>
 
-        {/* Thinking Level */}
-        {supportsThinking && (
+        {/* Claude Model Selection */}
+        {formData.provider === 'claude' && (
+          <div className="space-y-2">
+            <Label className="flex items-center gap-2">
+              <Brain className="w-4 h-4 text-primary" />
+              Model
+            </Label>
+            <div className="flex gap-2 flex-wrap">
+              {CLAUDE_MODELS.map(({ id, label }) => (
+                <button
+                  key={id}
+                  type="button"
+                  onClick={() => handleModelChange(id)}
+                  className={cn(
+                    'flex-1 min-w-[100px] px-3 py-2 rounded-md border text-sm font-medium transition-colors',
+                    formData.model === id
+                      ? 'bg-primary text-primary-foreground border-primary'
+                      : 'bg-background hover:bg-accent border-border'
+                  )}
+                  data-testid={`model-select-${id}`}
+                >
+                  {label.replace('Claude ', '')}
+                </button>
+              ))}
+            </div>
+          </div>
+        )}
+
+        {/* Cursor Model Selection */}
+        {formData.provider === 'cursor' && (
+          <div className="space-y-2">
+            <Label className="flex items-center gap-2">
+              <Terminal className="w-4 h-4 text-primary" />
+              Cursor Model
+            </Label>
+            <div className="flex flex-col gap-2">
+              {Object.entries(CURSOR_MODEL_MAP).map(([id, config]) => (
+                <button
+                  key={id}
+                  type="button"
+                  onClick={() => handleCursorModelChange(id as CursorModelId)}
+                  className={cn(
+                    'w-full px-3 py-2 rounded-md border text-sm font-medium transition-colors flex items-center justify-between',
+                    formData.cursorModel === id
+                      ? 'bg-primary text-primary-foreground border-primary'
+                      : 'bg-background hover:bg-accent border-border'
+                  )}
+                  data-testid={`cursor-model-select-${id}`}
+                >
+                  <span>{config.label}</span>
+                  <div className="flex gap-1">
+                    {config.hasThinking && (
+                      <Badge
+                        variant="outline"
+                        className={cn(
+                          'text-xs',
+                          formData.cursorModel === id
+                            ? 'border-primary-foreground/50 text-primary-foreground'
+                            : 'border-amber-500/50 text-amber-600 dark:text-amber-400'
+                        )}
+                      >
+                        Thinking
+                      </Badge>
+                    )}
+                    <Badge
+                      variant={config.tier === 'free' ? 'default' : 'secondary'}
+                      className={cn(
+                        'text-xs',
+                        formData.cursorModel === id && 'bg-primary-foreground/20'
+                      )}
+                    >
+                      {config.tier}
+                    </Badge>
+                  </div>
+                </button>
+              ))}
+            </div>
+            {formData.cursorModel && cursorModelHasThinking(formData.cursorModel) && (
+              <p className="text-xs text-muted-foreground">
+                This model has built-in extended thinking capabilities.
+              </p>
+            )}
+          </div>
+        )}
+
+        {/* Claude Thinking Level */}
+        {formData.provider === 'claude' && supportsThinking && (
           <div className="space-y-2">
             <Label className="flex items-center gap-2">
               <Brain className="w-4 h-4 text-amber-500" />

apps/ui/src/components/views/profiles-view/components/sortable-profile-card.tsx

@@ -1,9 +1,10 @@
 import { Button } from '@/components/ui/button';
 import { cn } from '@/lib/utils';
-import { GripVertical, Lock, Pencil, Trash2, Brain } from 'lucide-react';
+import { GripVertical, Lock, Pencil, Trash2, Brain, Bot, Terminal } from 'lucide-react';
 import { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
-import type { AIProfile } from '@/store/app-store';
+import type { AIProfile } from '@automaker/types';
+import { CURSOR_MODEL_MAP, profileHasThinking } from '@automaker/types';
 import { PROFILE_ICONS } from '../constants';
 
 interface SortableProfileCardProps {
@@ -68,12 +69,29 @@ export function SortableProfileCard({ profile, onEdit, onDelete }: SortableProfi
         </div>
         <p className="text-sm text-muted-foreground mt-0.5 line-clamp-2">{profile.description}</p>
         <div className="flex items-center gap-2 mt-2 flex-wrap">
-          <span className="text-xs px-2 py-0.5 rounded-full border border-primary/30 text-primary bg-primary/10">
-            {profile.model}
+          {/* Provider badge */}
+          <span className="text-xs px-2 py-0.5 rounded-full border border-border text-muted-foreground bg-muted/50 flex items-center gap-1">
+            {profile.provider === 'cursor' ? (
+              <Terminal className="w-3 h-3" />
+            ) : (
+              <Bot className="w-3 h-3" />
+            )}
+            {profile.provider === 'cursor' ? 'Cursor' : 'Claude'}
           </span>
-          {profile.thinkingLevel !== 'none' && (
+
+          {/* Model badge */}
+          <span className="text-xs px-2 py-0.5 rounded-full border border-primary/30 text-primary bg-primary/10">
+            {profile.provider === 'cursor'
+              ? CURSOR_MODEL_MAP[profile.cursorModel || 'auto']?.label ||
+                profile.cursorModel ||
+                'auto'
+              : profile.model || 'sonnet'}
+          </span>
+
+          {/* Thinking badge - works for both providers */}
+          {profileHasThinking(profile) && (
             <span className="text-xs px-2 py-0.5 rounded-full border border-amber-500/30 text-amber-600 dark:text-amber-400 bg-amber-500/10">
-              {profile.thinkingLevel}
+              {profile.provider === 'cursor' ? 'Thinking' : profile.thinkingLevel}
             </span>
           )}
         </div>

apps/ui/src/components/views/profiles-view/utils.ts

@@ -1,6 +1,48 @@
-import type { AgentModel, ModelProvider } from '@/store/app-store';
+import type { AgentModel, ModelProvider, AIProfile } from '@automaker/types';
+import { CURSOR_MODEL_MAP } from '@automaker/types';
 
-// Helper to determine provider from model
+// Helper to determine provider from model (legacy, always returns 'claude')
 export function getProviderFromModel(model: AgentModel): ModelProvider {
   return 'claude';
 }
+
+/**
+ * Validate an AI profile for completeness and correctness
+ */
+export function validateProfile(profile: Partial<AIProfile>): {
+  valid: boolean;
+  errors: string[];
+} {
+  const errors: string[] = [];
+
+  // Name is required
+  if (!profile.name?.trim()) {
+    errors.push('Profile name is required');
+  }
+
+  // Provider must be valid
+  if (!profile.provider || !['claude', 'cursor'].includes(profile.provider)) {
+    errors.push('Invalid provider');
+  }
+
+  // Claude-specific validation
+  if (profile.provider === 'claude') {
+    if (!profile.model) {
+      errors.push('Claude model is required');
+    } else if (!['haiku', 'sonnet', 'opus'].includes(profile.model)) {
+      errors.push('Invalid Claude model');
+    }
+  }
+
+  // Cursor-specific validation
+  if (profile.provider === 'cursor') {
+    if (profile.cursorModel && !(profile.cursorModel in CURSOR_MODEL_MAP)) {
+      errors.push('Invalid Cursor model');
+    }
+  }
+
+  return {
+    valid: errors.length === 0,
+    errors,
+  };
+}