Update client/src/App.jsx

client/src/App.jsx

@@ -7,11 +7,13 @@ const SUPABASE_ANON_KEY = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBh
 
 const supabase = createClient(SUPABASE_URL, SUPABASE_ANON_KEY);
 
-// PROVEN MODEL LIST (Guaranteed to work on Puter)
+// --- TEK BRANDED MODEL LIST ---
+// The 'id' must remain the original Puter ID for functionality.
+// The 'name' is what displays in the UI dropdown.
 const AI_MODELS = [
-  { id: 'openai/dall-e-3', name: 'DALL-E 3 (Best)' },
-  { id: 'flux-schnell',    name: 'Liquid Fast (Flux)' },
-  { id: 'flux-dev',        name: 'Liquid HD (Dev)' },
+  { id: 'openai/dall-e-3',           name: 'TEK 3 (Best)' },
+  { id: 'google/imagen-4.0-preview', name: 'TEK 4 HD (Real)' },
+  { id: 'gemini-2.5-flash-image',    name: 'TEK NANO HD (Fast)' },
 ];
 
 const ASPECT_RATIOS = [
@@ -43,7 +45,7 @@ function App() {
     // PWA Detection Logic
     const isIosDevice = /ipad|iphone|ipod/.test(navigator.userAgent.toLowerCase()) && !window.MSStream;
     
-    // FIXED: Removed space in variable name
+    // Check if running in standalone mode
     const isInStandaloneMode = window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone === true;
 
     if (isIosDevice && !isInStandaloneMode) {
@@ -100,7 +102,7 @@ function App() {
       if (inputImage && !selectedModel.includes('dall-e')) {
         imgElement = await window.puter.ai.txt2img(finalPrompt, { model: selectedModel, image: inputImage });
       } else {
-        if (inputImage) alert("Model ignores input image.");
+        if (inputImage) alert("Note: TEK 3 ignores input images for now.");
         imgElement = await window.puter.ai.txt2img(finalPrompt, { model: selectedModel });
       }
       setImageSrc(imgElement.src);
@@ -144,6 +146,7 @@ function App() {
           <select className="glass-pill" value={selectedRatio} onChange={(e) => setSelectedRatio(e.target.value)}>
             {ASPECT_RATIOS.map(r => <option key={r.id} value={r.id}>{r.name}</option>)}
           </select>
+          {/* The dropdown now shows your custom names */}
           <select className="glass-pill" value={selectedModel} onChange={(e) => setSelectedModel(e.target.value)} style={{maxWidth:'130px'}}>
             {AI_MODELS.map(m => <option key={m.id} value={m.id}>{m.name}</option>)}
           </select>