feat: add AI enhancement feature to settings and board views

- Introduced AIEnhancementSection to settings view for selecting enhancement models.
- Implemented enhancement functionality in AddFeatureDialog and EditFeatureDialog, allowing users to enhance feature descriptions with AI.
- Added dropdown menu for selecting enhancement modes (improve, technical, simplify, acceptance).
- Integrated new API endpoints for enhancing text using Claude AI.
- Updated navigation to include AI enhancement section in settings.

This enhances user experience by providing AI-powered text enhancement capabilities directly within the application.

apps/app/src/components/views/board-view/dialogs/edit-feature-dialog.tsx

@@ -19,13 +19,16 @@ import {
   FeatureImagePath as DescriptionImagePath,
   ImagePreviewMap,
 } from "@/components/ui/description-image-dropzone";
-import { MessageSquare, Settings2, FlaskConical } from "lucide-react";
+import { MessageSquare, Settings2, FlaskConical, Sparkles, ChevronDown } from "lucide-react";
+import { toast } from "sonner";
+import { getElectronAPI } from "@/lib/electron";
 import { modelSupportsThinking } from "@/lib/utils";
 import {
   Feature,
   AgentModel,
   ThinkingLevel,
   AIProfile,
+  useAppStore,
 } from "@/store/app-store";
 import {
   ModelSelector,
@@ -33,6 +36,12 @@ import {
   ProfileQuickSelect,
   TestingTabContent,
 } from "../shared";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
 
 interface EditFeatureDialogProps {
   feature: Feature | null;
@@ -68,6 +77,11 @@ export function EditFeatureDialog({
   const [editFeaturePreviewMap, setEditFeaturePreviewMap] =
     useState<ImagePreviewMap>(() => new Map());
   const [showEditAdvancedOptions, setShowEditAdvancedOptions] = useState(false);
+  const [isEnhancing, setIsEnhancing] = useState(false);
+  const [enhancementMode, setEnhancementMode] = useState<'improve' | 'technical' | 'simplify' | 'acceptance'>('improve');
+
+  // Get enhancement model from store
+  const { enhancementModel } = useAppStore();
 
   useEffect(() => {
     setEditingFeature(feature);
@@ -127,6 +141,32 @@ export function EditFeatureDialog({
     });
   };
 
+  const handleEnhanceDescription = async () => {
+    if (!editingFeature?.description.trim() || isEnhancing) return;
+
+    setIsEnhancing(true);
+    try {
+      const api = getElectronAPI();
+      const result = await api.enhancePrompt?.enhance(
+        editingFeature.description,
+        enhancementMode,
+        enhancementModel
+      );
+
+      if (result?.success && result.enhancedText) {
+        setEditingFeature(prev => prev ? { ...prev, description: result.enhancedText! } : prev);
+        toast.success("Description enhanced!");
+      } else {
+        toast.error(result?.error || "Failed to enhance description");
+      }
+    } catch (error) {
+      console.error("Enhancement failed:", error);
+      toast.error("Failed to enhance description");
+    } finally {
+      setIsEnhancing(false);
+    }
+  };
+
   const editModelAllowsThinking = modelSupportsThinking(editingFeature?.model);
 
   if (!editingFeature) {
@@ -198,6 +238,45 @@ export function EditFeatureDialog({
                 onPreviewMapChange={setEditFeaturePreviewMap}
                 data-testid="edit-feature-description"
               />
+              <div className="flex items-center gap-3 mt-2">
+                <DropdownMenu>
+                  <DropdownMenuTrigger asChild>
+                    <Button variant="outline" size="sm" className="w-[180px] justify-between">
+                      {enhancementMode === 'improve' && 'Improve Clarity'}
+                      {enhancementMode === 'technical' && 'Add Technical Details'}
+                      {enhancementMode === 'simplify' && 'Simplify'}
+                      {enhancementMode === 'acceptance' && 'Add Acceptance Criteria'}
+                      <ChevronDown className="w-4 h-4 ml-2" />
+                    </Button>
+                  </DropdownMenuTrigger>
+                  <DropdownMenuContent align="start">
+                    <DropdownMenuItem onClick={() => setEnhancementMode('improve')}>
+                      Improve Clarity
+                    </DropdownMenuItem>
+                    <DropdownMenuItem onClick={() => setEnhancementMode('technical')}>
+                      Add Technical Details
+                    </DropdownMenuItem>
+                    <DropdownMenuItem onClick={() => setEnhancementMode('simplify')}>
+                      Simplify
+                    </DropdownMenuItem>
+                    <DropdownMenuItem onClick={() => setEnhancementMode('acceptance')}>
+                      Add Acceptance Criteria
+                    </DropdownMenuItem>
+                  </DropdownMenuContent>
+                </DropdownMenu>
+
+                <Button
+                  type="button"
+                  variant="outline"
+                  size="sm"
+                  onClick={handleEnhanceDescription}
+                  disabled={!editingFeature.description.trim() || isEnhancing}
+                  loading={isEnhancing}
+                >
+                  {!isEnhancing && <Sparkles className="w-4 h-4 mr-2" />}
+                  Enhance with AI
+                </Button>
+              </div>
             </div>
             <div className="space-y-2">
               <Label htmlFor="edit-category">Category (optional)</Label>