feat: integrate thinking level support across various components

- Enhanced multiple server and UI components to include an optional thinking level parameter, improving the configurability of model interactions.
- Updated request handlers and services to manage and pass the thinking level, ensuring consistent data handling across the application.
- Refactored UI components to display and manage the selected model along with its thinking level, enhancing user experience and clarity.
- Adjusted the Electron API and HTTP client to support the new thinking level parameter in requests, ensuring seamless integration.

This update significantly improves the application's ability to adapt reasoning capabilities based on user-defined thinking levels, enhancing overall performance and user satisfaction.

apps/ui/src/components/views/board-view/dialogs/add-feature-dialog.tsx

@@ -323,7 +323,8 @@ export function AddFeatureDialog({
       const result = await api.enhancePrompt?.enhance(
         newFeature.description,
         enhancementMode,
-        enhancementOverride.effectiveModel
+        enhancementOverride.effectiveModel, // API accepts string, extract from PhaseModelEntry
+        enhancementOverride.effectiveModelEntry.thinkingLevel // Pass thinking level
       );
 
       if (result?.success && result.enhancedText) {
@@ -512,7 +513,7 @@ export function AddFeatureDialog({
               </Button>
 
               <ModelOverrideTrigger
-                currentModel={enhancementOverride.effectiveModel}
+                currentModelEntry={enhancementOverride.effectiveModelEntry}
                 onModelChange={enhancementOverride.setOverride}
                 phase="enhancementModel"
                 isOverridden={enhancementOverride.isOverridden}

apps/ui/src/components/views/board-view/dialogs/backlog-plan-dialog.tsx

@@ -33,6 +33,16 @@ import type {
 import { ModelOverrideTrigger } from '@/components/shared/model-override-trigger';
 import { useAppStore } from '@/store/app-store';
 
+/**
+ * Normalize PhaseModelEntry or string to PhaseModelEntry
+ */
+function normalizeEntry(entry: PhaseModelEntry | string): PhaseModelEntry {
+  if (typeof entry === 'string') {
+    return { model: entry as ModelAlias | CursorModelId };
+  }
+  return entry;
+}
+
 /**
  * Extract model string from PhaseModelEntry or string
  */
@@ -71,7 +81,7 @@ export function BacklogPlanDialog({
   const [prompt, setPrompt] = useState('');
   const [expandedChanges, setExpandedChanges] = useState<Set<number>>(new Set());
   const [selectedChanges, setSelectedChanges] = useState<Set<number>>(new Set());
-  const [modelOverride, setModelOverride] = useState<ModelAlias | CursorModelId | null>(null);
+  const [modelOverride, setModelOverride] = useState<PhaseModelEntry | null>(null);
 
   const { phaseModels } = useAppStore();
 
@@ -105,7 +115,8 @@ export function BacklogPlanDialog({
     setIsGeneratingPlan(true);
 
     // Use model override if set, otherwise use global default (extract model string from PhaseModelEntry)
-    const effectiveModel = modelOverride || extractModel(phaseModels.backlogPlanningModel);
+    const effectiveModelEntry = modelOverride || normalizeEntry(phaseModels.backlogPlanningModel);
+    const effectiveModel = effectiveModelEntry.model;
     const result = await api.backlogPlan.generate(projectPath, prompt, effectiveModel);
     if (!result.success) {
       setIsGeneratingPlan(false);
@@ -381,8 +392,9 @@ export function BacklogPlanDialog({
     }
   };
 
-  // Get effective model (override or global default) - extract model string from PhaseModelEntry
-  const effectiveModel = modelOverride || extractModel(phaseModels.backlogPlanningModel);
+  // Get effective model entry (override or global default)
+  const effectiveModelEntry = modelOverride || normalizeEntry(phaseModels.backlogPlanningModel);
+  const effectiveModel = effectiveModelEntry.model;
 
   return (
     <Dialog open={open} onOpenChange={(isOpen) => !isOpen && onClose()}>
@@ -407,7 +419,7 @@ export function BacklogPlanDialog({
               <div className="flex items-center gap-2 mr-auto">
                 <span className="text-xs text-muted-foreground">Model:</span>
                 <ModelOverrideTrigger
-                  currentModel={effectiveModel}
+                  currentModelEntry={effectiveModelEntry}
                   onModelChange={setModelOverride}
                   phase="backlogPlanningModel"
                   size="sm"

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

@@ -240,7 +240,8 @@ export function EditFeatureDialog({
       const result = await api.enhancePrompt?.enhance(
         editingFeature.description,
         enhancementMode,
-        enhancementOverride.effectiveModel
+        enhancementOverride.effectiveModel, // API accepts string, extract from PhaseModelEntry
+        enhancementOverride.effectiveModelEntry.thinkingLevel // Pass thinking level
       );
 
       if (result?.success && result.enhancedText) {
@@ -392,7 +393,7 @@ export function EditFeatureDialog({
               </Button>
 
               <ModelOverrideTrigger
-                currentModel={enhancementOverride.effectiveModel}
+                currentModelEntry={enhancementOverride.effectiveModelEntry}
                 onModelChange={enhancementOverride.setOverride}
                 phase="enhancementModel"
                 isOverridden={enhancementOverride.isOverridden}