fix: move Gemini API calls server-side to fix API key issue on Vercel

services/geminiService.ts

@@ -1,47 +1,5 @@
 
-import { GoogleGenAI } from "@google/genai";
-import { AggregatedData } from "./types";
-
-// Declare process to avoid TypeScript errors without causing aggressive bundler shims
-declare const process: any;
-
-const SYSTEM_INSTRUCTION = `
-You are an expert Key Account Manager (KAM) and Senior Sales Strategist for "Craze Analytix".
-Your specialty is analyzing retail data, advertising performance, and market trends to provide high-level strategic recommendations.
-
-You have access to a detailed report of the currently filtered sales and advertising data.
-The data includes Sell Out (€), Units Sold, Product Lines, Customer Markets, Seasonality (Monthly Trends), and Growth/Decline metrics.
-
-Your objective:
-1.  **Analyze**: Deeply study the provided data according to the user's specific query.
-2.  **Opinion**: Provide expert opinions on the health of the business, product performance, or market position.
-3.  **Recommendations**: Give actionable, professional advice to improve sales, ROAS, stock health, or market share.
-
-Guidelines:
-- Maintain a professional, consultative, and business-driven tone (KAM style).
-- Always justify your recommendations with specific numbers from the data.
-- If asked about "Trends" or "Seasonality", look at the Monthly Seasonality section.
-- If asked about "Growth" or "Decline", look at the Top/Bottom Movers sections.
-- When comparing metrics, calculate variances or ratios if relevant (e.g. Sales vs Ads growth).
-- Format your response with clear headers and bullet points for readability.
-- Respond in the same language as the user's question (e.g., if they ask in Spanish, answer in Spanish).
-`;
-
-// Helper to get API key safely
-const getApiKey = (): string | undefined => {
-  // Try different sources (Vite defines these at build time)
-  const key =
-    (typeof process !== 'undefined' && process.env ? process.env.API_KEY || process.env.GEMINI_API_KEY : undefined) ||
-    (import.meta as any).env?.VITE_GEMINI_API_KEY ||
-    (import.meta as any).env?.API_KEY ||
-    (import.meta as any).env?.GEMINI_API_KEY;
-
-  // Ensure it's not a literal "undefined" string from a failed build injection
-  if (key === "undefined" || key === "null" || !key) {
-    return undefined;
-  }
-  return key;
-};
+import { AggregatedData } from '../types';
 
 const formatCurrency = (val: number) => `€${val.toLocaleString('de-DE', { minimumFractionDigits: 0, maximumFractionDigits: 0 })}`;
 const formatUnits = (val: number) => `${val.toLocaleString('de-DE')} units`;
@@ -52,28 +10,18 @@ export const queryGemini = async (
   filteredRecordCount: number
 ): Promise<string> => {
 
-  const apiKey = getApiKey();
-
-  if (!apiKey) {
-    return "API Key is missing. Please configure your environment variables (API_KEY) or check your .env file.";
-  }
-
   try {
-    const ai = new GoogleGenAI({ apiKey });
-
     // --- CONTEXT GENERATION ---
     // We construct a structured report mirroring the dashboard charts
 
     // 1. Totals by Year (KPI Cards)
     const yearlySummary = Object.entries(context.totalsByYear)
-      .sort((a, b) => parseInt(b[0]) - parseInt(a[0])) // Descending years
-      .map(([year, data]) => `  - ${year}: ${formatCurrency(data.sellOut)} | ${formatUnits(data.units)}`)
+      .sort((a, b) => parseInt(b[0]) - parseInt(a[0]))
+      .map(([year, data]) => `  - ${year}: ${formatCurrency((data as any).sellOut)} | ${formatUnits((data as any).units)}`)
       .join('\n');
 
     // 2. Seasonality (Line Chart Data)
-    // We simplify this to a CSV-like list for the AI to parse trends
     const seasonalitySummary = context.seasonality.map(p => {
-      // Extract values for each year in the point
       const yearValues = context.availableYears.map(y => `${y}: ${formatCurrency(p[y] as number || 0)}`).join(', ');
       return `  - ${p.name}: [${yearValues}]`;
     }).join('\n');
@@ -88,7 +36,7 @@ export const queryGemini = async (
       `  - ${m.line}: -€${Math.abs(m.sellOutGrowthValue).toLocaleString('de-DE')} (${m.sellOutGrowthPercentage.toFixed(1)}%)`
     ).join('\n');
 
-    // 5. Product Lines Overview (Bar Charts) - Limit to Top 50 to save tokens but give depth
+    // 5. Product Lines Overview (Bar Charts) - Limit to Top 50
     const topLinesSummary = context.byLine.slice(0, 50).map((l, i) =>
       `  ${i + 1}. ${l.name}: ${formatCurrency(l.value)} | ${formatUnits(l.units)}`
     ).join('\n');
@@ -126,22 +74,22 @@ PERFORMANCE BY CUSTOMER:
 ${customerSummary}
 `;
 
-    const response = await ai.models.generateContent({
-      model: 'gemini-2.5-flash',
-      contents: `Context Data:\n${fullReport}\n\nUser Question: ${question}`,
-      config: {
-        systemInstruction: SYSTEM_INSTRUCTION,
-      }
+    // Call our serverless API endpoint (key is safe server-side)
+    const response = await fetch('/api/ask-gemini', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ question, context: fullReport })
     });
 
-    return response.text || "I couldn't generate a response based on the data provided.";
-  } catch (error: any) {
-    console.error("Gemini API Error:", error);
-
-    if (error.message && error.message.includes("Not implemented on this platform")) {
-      return "System Error: The AI SDK detected a platform mismatch.";
+    if (!response.ok) {
+      const errorData = await response.json().catch(() => ({ error: 'Unknown error' }));
+      throw new Error(errorData.error || `Server error: ${response.status}`);
     }
 
+    const data = await response.json();
+    return data.response || "I couldn't generate a response based on the data provided.";
+  } catch (error: any) {
+    console.error("Gemini API Error:", error);
     return `Error: ${error.message || "An unexpected error occurred while analyzing the data."}`;
   }
 };