Fetch and display all available AI models from OpenRouter's API

Integrate OpenRouter API to dynamically fetch and display available AI models in the client, and update the AI generation endpoint to accept a model override.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ae4037a0-2a6f-4530-9bac-79b543286bda
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/397bca8c-984f-43ff-841a-10897aeb8140/ae4037a0-2a6f-4530-9bac-79b543286bda/h6F2mtY

server/routes.ts

@@ -423,14 +423,25 @@ export async function registerRoutes(app: Express): Promise<Server> {
     }
   });
 
+  // Get available AI models from OpenRouter
+  app.get("/api/ai/models", requireAuth, async (req, res) => {
+    try {
+      const models = await openRouterService.getAvailableModels();
+      res.json({ models });
+    } catch (error) {
+      console.error("Error fetching models:", error);
+      res.status(500).json({ error: "Failed to fetch models" });
+    }
+  });
+
   // AI text generation
   app.post("/api/ai/generate", requireAuth, async (req, res) => {
     try {
       const user = req.user as User;
       const userId = user.id;
-      const productInfo = req.body;
+      const { model, ...productInfo } = req.body;
 
-      const generatedTexts = await openRouterService.generatePostText(productInfo, userId);
+      const generatedTexts = await openRouterService.generatePostText(productInfo, userId, model);
 
       // Save to database
       await storage.createAiGeneration({

server/services/openrouter.ts

@@ -17,7 +17,7 @@ import { storage } from '../storage';
 export class OpenRouterService {
   private baseUrl = "https://openrouter.ai/api/v1/chat/completions";
 
-  async generatePostText(productInfo: ProductInfo, userId: string): Promise<GeneratedText[]> {
+  async generatePostText(productInfo: ProductInfo, userId: string, modelOverride?: string): Promise<GeneratedText[]> {
     // Get user's OpenRouter configuration
     const config = await storage.getOpenrouterConfig(userId);
     
@@ -26,6 +26,9 @@ export class OpenRouterService {
     }
 
     const prompt = this.buildPrompt(productInfo, config.systemPrompt);
+    
+    // Use provided model or fall back to config model
+    const modelToUse = modelOverride || config.model;
 
     try {
       const response = await fetch(this.baseUrl, {
@@ -37,7 +40,7 @@ export class OpenRouterService {
           "X-Title": "Social Flow"
         },
         body: JSON.stringify({
-          model: config.model,
+          model: modelToUse,
           messages: [
             {
               role: "user",
@@ -58,7 +61,7 @@ export class OpenRouterService {
       const data = await response.json();
       
       if (!data.choices || !data.choices[0]) {
-        console.error('Invalid OpenRouter response - no choices:', { hasChoices: !!data.choices, model: config.model });
+        console.error('Invalid OpenRouter response - no choices:', { hasChoices: !!data.choices, model: modelToUse });
         throw new Error('Réponse invalide de l\'API OpenRouter. Vérifiez votre clé API et votre modèle.');
       }
       
@@ -202,6 +205,27 @@ VERSION 3 - ÉMOTIONNELLE:
   private capitalizeFirst(text: string): string {
     return text.charAt(0).toUpperCase() + text.slice(1).toLowerCase();
   }
+
+  async getAvailableModels(): Promise<any[]> {
+    try {
+      const response = await fetch("https://openrouter.ai/api/v1/models", {
+        method: "GET",
+        headers: {
+          "Content-Type": "application/json",
+        }
+      });
+
+      if (!response.ok) {
+        throw new Error(`Failed to fetch models: ${response.status} ${response.statusText}`);
+      }
+
+      const data = await response.json();
+      return data.data || [];
+    } catch (error) {
+      console.error("Error fetching OpenRouter models:", error);
+      throw error;
+    }
+  }
 }
 
 export const openRouterService = new OpenRouterService();