feat: add support for Gemini 3.1 Flash Image (Preview) in model configurations and update UI options

README.md

@@ -10,6 +10,7 @@ A powerful client-side AI image generation tool using OpenRouter API. Generate t
 ### 🎨 Multi-Model Support
 - **Gemini 2.5 Flash Image** - Google's fast image generation
 - **Gemini 2.5 Flash (Preview)** - Preview version with latest features
+- **Gemini 3.1 Flash (Preview)** - Newer Gemini preview image model
 - **Gemini 3 Pro (Preview)** - Advanced model, up to 14 reference images
 - **GPT-5 Image** - OpenAI's latest image model
 - **GPT-5 Image Mini** - Faster, smaller GPT-5 variant
@@ -112,4 +113,4 @@ Under the condition that:
 - 📋 You disclose the source code when distributing
 - 📋 Modified versions must also be licensed under GPL-3.0
 
-See the [LICENSE](LICENSE) file for full details.
+See the [LICENSE](LICENSE) file for full details.

index.html

@@ -48,6 +48,8 @@
                             Flash Image</div>
                         <div class="custom-select-option" data-value="google/gemini-2.5-flash-image-preview">Gemini 2.5
                             Flash (Preview)</div>
+                        <div class="custom-select-option" data-value="google/gemini-3.1-flash-image-preview">Gemini 3.1
+                            Flash (Preview)</div>
                         <div class="custom-select-option" data-value="google/gemini-3-pro-image-preview">Gemini 3 Pro
                             (Preview)</div>
                         <div class="custom-select-option" data-value="openai/gpt-5-image">GPT-5 Image</div>
@@ -191,4 +193,4 @@
     <script src="src/app.js"></script>
 </body>
 
-</html>
+</html>

src/app.js

@@ -116,6 +116,13 @@ const MODEL_CONFIGS = {
         supportsImageInput: true,
         maxReferences: 3
     },
+    'google/gemini-3.1-flash-image-preview': {
+        name: 'Gemini 3.1 Flash Image (Preview)',
+        supportsImageSize: true,
+        supportsAspectRatio: true,
+        supportsImageInput: true,
+        maxReferences: 3
+    },
     'google/gemini-3-pro-image-preview': {
         name: 'Gemini 3 Pro Image (Preview)',
         supportsImageSize: true,