From 679fc7c89f4703a83edaf6649e2160668ed22bfb Mon Sep 17 00:00:00 2001
From: Tony Giorgio <tonygiorgio@protonmail.com>
Date: Mon, 17 Nov 2025 16:03:04 -0600
Subject: [PATCH] Add Qwen3-VL 30B vision model support

Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
---
 frontend/src/components/ModelSelector.tsx       | 8 ++++++++
 frontend/src/components/UpgradePromptDialog.tsx | 2 +-
 frontend/src/config/pricingConfig.tsx           | 6 +++++-
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/ModelSelector.tsx b/frontend/src/components/ModelSelector.tsx
index ce3d6c5f..f27cbce5 100644
--- a/frontend/src/components/ModelSelector.tsx
+++ b/frontend/src/components/ModelSelector.tsx
@@ -88,6 +88,14 @@ export const MODEL_CONFIG: Record<string, ModelCfg> = {
     badges: ["Pro"],
     requiresPro: true,
     tokenLimit: 128000
+  },
+  "qwen3-vl-30b": {
+    displayName: "Qwen3-VL 30B",
+    shortName: "Qwen3-VL",
+    badges: ["Pro", "New"],
+    requiresPro: true,
+    supportsVision: true,
+    tokenLimit: 256000
   }
 };
 
diff --git a/frontend/src/components/UpgradePromptDialog.tsx b/frontend/src/components/UpgradePromptDialog.tsx
index 9fd89633..fd4e3672 100644
--- a/frontend/src/components/UpgradePromptDialog.tsx
+++ b/frontend/src/components/UpgradePromptDialog.tsx
@@ -90,7 +90,7 @@ export function UpgradePromptDialog({
         benefits: [
           "Images stay private with end-to-end encryption",
           "Upload JPEG, PNG, and WebP formats securely",
-          "Use advanced vision models like Gemma 3",
+          "Use advanced vision models like Gemma 3 and Qwen3-VL",
           "Analyze diagrams, screenshots, and photos privately",
           "Extract text from images without exposing data"
         ]
diff --git a/frontend/src/config/pricingConfig.tsx b/frontend/src/config/pricingConfig.tsx
index 9ddc7e3c..0751ce10 100644
--- a/frontend/src/config/pricingConfig.tsx
+++ b/frontend/src/config/pricingConfig.tsx
@@ -83,7 +83,11 @@ export const PRICING_PLANS: PricingPlan[] = [
         included: true,
         icon: <Check className="w-4 h-4 text-green-500" />
       },
-      { text: "Gemma 3 27B", included: true, icon: <Check className="w-4 h-4 text-green-500" /> },
+      {
+        text: "Gemma 3 27B",
+        included: true,
+        icon: <Check className="w-4 h-4 text-green-500" />
+      },
       { text: "Image Upload", included: true, icon: <Check className="w-4 h-4 text-green-500" /> },
       {
         text: "Document Upload (PDF, TXT, MD)",