add

frontend/src/components/shared/modals/MethodSelectionModal.tsx

@@ -140,6 +140,11 @@ export function MethodSelectionModal({
   const productionMethods = methods.filter(
     (m) => m.method_type === "production"
   );
+  // Ensure display order: recommended (openai_structured) first
+  const sortedProductionMethods = [...productionMethods].sort((a, b) => {
+    if (!!a.recommended === !!b.recommended) return 0;
+    return a.recommended ? -1 : 1;
+  });
   const baselineMethods = methods.filter((m) => m.method_type === "baseline");
 
   return (
@@ -163,7 +168,7 @@ export function MethodSelectionModal({
                 Production Methods
               </h3>
               <div className="space-y-3">
-                {productionMethods.map((method) => {
+                {sortedProductionMethods.map((method) => {
                   const Icon = getMethodIcon(method);
                   const isSelected = selectedMethod === method.id;