Load Google client ID from runtime config

api.py

@@ -455,6 +455,13 @@ def get_search_backend_status():
     return {"ready": ready, "modules": checks, "files": files}
 
 
+def get_public_app_config() -> dict[str, Any]:
+    return {
+        "google_client_id": GOOGLE_CLIENT_IDS[0] if GOOGLE_CLIENT_IDS else "",
+        "require_google_auth": REQUIRE_GOOGLE_AUTH,
+    }
+
+
 class PlantChatRequest(BaseModel):
     plant_name: str = Field(..., min_length=2, description="Nome comune o scientifico della pianta")
     question: str = Field(..., min_length=3, description="Domanda sulla cura della pianta")
@@ -794,6 +801,11 @@ def search_status():
     return get_search_backend_status()
 
 
+@app.get("/app-config")
+def app_config():
+    return JSONResponse(content=get_public_app_config())
+
+
 @app.get("/species/previews")
 def species_previews(
     names: list[str] = Query(default=[], description="Nomi specie da risolvere per anteprima immagine"),

pwa-app/src/App.jsx

@@ -109,7 +109,7 @@ function formatISOToInputDate(value) {
   return `${year}-${month}-${day}`;
 }
 
-export default function App() {
+export default function App({ googleClientIdConfigured = false }) {
   const [auth, setAuth] = useState(null);
   const [authBusy, setAuthBusy] = useState(false);
   const [file, setFile] = useState(null);
@@ -160,7 +160,6 @@ export default function App() {
 
   const canAsk = selectedSpecies && question.trim().length > 2;
   const isLoggedIn = Boolean(auth?.idToken);
-  const googleClientIdConfigured = Boolean(import.meta.env.VITE_GOOGLE_CLIENT_ID);
   const galleryImages = useMemo(() => {
     if (!plantCard?.images?.length) {
       return [];
@@ -756,7 +755,7 @@ export default function App() {
           <div className="auth-box">
             {!googleClientIdConfigured && (
               <p className="auth-warning">
-                Imposta VITE_GOOGLE_CLIENT_ID per abilitare il login con Google.
+                Configura GOOGLE_CLIENT_ID nello Space per abilitare il login con Google.
               </p>
             )}
 

pwa-app/src/main.jsx

@@ -5,7 +5,35 @@ import { registerSW } from "virtual:pwa-register";
 import App from "./App";
 import "./styles.css";
 
-const googleClientId = import.meta.env.VITE_GOOGLE_CLIENT_ID || "";
+function getApiBase() {
+  if (import.meta.env.VITE_API_BASE) {
+    return import.meta.env.VITE_API_BASE;
+  }
+  if (window.location.port === "5173") {
+    return "http://localhost:8000";
+  }
+  return "";
+}
+
+async function loadAppConfig() {
+  const buildTimeGoogleClientId = import.meta.env.VITE_GOOGLE_CLIENT_ID || "";
+  if (buildTimeGoogleClientId) {
+    return { googleClientId: buildTimeGoogleClientId };
+  }
+
+  try {
+    const apiBase = getApiBase();
+    const response = await fetch(`${apiBase}/app-config`);
+    if (!response.ok) {
+      throw new Error(`HTTP ${response.status}`);
+    }
+    const data = await response.json();
+    return { googleClientId: data.google_client_id || "" };
+  } catch (error) {
+    console.warn("Impossibile caricare la configurazione runtime dell'app", error);
+    return { googleClientId: "" };
+  }
+}
 
 registerSW({
   immediate: true,
@@ -16,14 +44,18 @@ registerSW({
   }
 });
 
-ReactDOM.createRoot(document.getElementById("root")).render(
-  <React.StrictMode>
-    {googleClientId ? (
-      <GoogleOAuthProvider clientId={googleClientId}>
-        <App />
-      </GoogleOAuthProvider>
-    ) : (
-      <App />
-    )}
-  </React.StrictMode>
-);
+const root = ReactDOM.createRoot(document.getElementById("root"));
+
+loadAppConfig().then(({ googleClientId }) => {
+  root.render(
+    <React.StrictMode>
+      {googleClientId ? (
+        <GoogleOAuthProvider clientId={googleClientId}>
+          <App googleClientIdConfigured />
+        </GoogleOAuthProvider>
+      ) : (
+        <App googleClientIdConfigured={false} />
+      )}
+    </React.StrictMode>
+  );
+});