Surface GLM 5.1 across model and marketing flows

frontend/src/components/Marketing.tsx

@@ -27,6 +27,7 @@ const AI_MODELS = [
     alt: "Moonshot",
     labels: ["Kimi K2.5"]
   },
+  { src: "/badge-zai-logo.svg", alt: "Z.ai", labels: ["GLM 5.1"] },
   { src: "/badge-qwen-logo.png", alt: "Qwen", labels: ["Qwen3-VL"] },
   { src: "/badge-meta-logo.png", alt: "Meta", labels: ["Meta Llama"] }
 ];

frontend/src/components/ModelSelector.tsx

@@ -44,10 +44,17 @@ export const MODEL_CONFIG: Record<string, ModelCfg> = {
     supportsVision: true,
     tokenLimit: 256000
   },
+  "glm-5-1": {
+    displayName: "GLM 5.1",
+    shortName: "GLM 5.1",
+    badges: ["Pro", "New", "Reasoning"],
+    requiresPro: true,
+    tokenLimit: 202000
+  },
   "kimi-k2-5": {
     displayName: "Kimi K2.5",
     shortName: "Kimi K2.5",
-    badges: ["Pro", "New", "Reasoning"],
+    badges: ["Pro", "Reasoning"],
     requiresPro: true,
     supportsVision: true,
     tokenLimit: 256000

frontend/src/components/PromoDialog.tsx

@@ -29,7 +29,7 @@ export function PromoDialog({ open, onOpenChange, discount }: PromoDialogProps)
   const benefits = [
     {
       icon: <Cpu className="h-4 w-4" />,
-      text: "Powerful AI models including Gemma 4 31B and Kimi K2.5"
+      text: "Powerful AI models including Gemma 4 31B, GLM 5.1, and Kimi K2.5"
     },
     {
       icon: <Image className="h-4 w-4" />,

frontend/src/components/UpgradePromptDialog.tsx

@@ -152,7 +152,7 @@ export function UpgradePromptDialog({
           : isPro
             ? [
                 "10x more monthly messages with Max plan",
-                "Access to all AI models including Kimi K2.5",
+                "Access to all AI models including GLM 5.1 and Kimi K2.5",
                 "Highest priority during peak times",
                 "Maximum rate limits for power users",
                 "Or purchase extra credits to keep chatting now"
@@ -186,7 +186,7 @@ export function UpgradePromptDialog({
         requiredPlan: "Pro",
         benefits: [
           "All models run in secure, encrypted environments",
-          "Access to Kimi K2.5 and the full model lineup",
+          "Access to GLM 5.1, Kimi K2.5, and the full model lineup",
           "OpenAI GPT-OSS, Qwen, and other advanced models",
           "Higher token limits for longer conversations",
           "Priority access to new models as they launch"
@@ -231,7 +231,7 @@ export function UpgradePromptDialog({
                 {isFreeTier
                   ? "Plus access to powerful models, image & document processing, and more"
                   : isPro
-                    ? "Plus access to Kimi K2.5, 10x more usage, API access, and priority support"
+                    ? "Plus access to GLM 5.1, Kimi K2.5, 10x more usage, API access, and priority support"
                     : "Explore our pricing options for the best plan for your needs"}
               </p>
             </div>

frontend/src/config/pricingConfig.tsx

@@ -54,7 +54,7 @@ export const PRICING_PLANS: PricingPlan[] = [
         icon: <X className="w-4 h-4 text-red-500" />
       },
       {
-        text: "Paid AI models including Gemma 4 31B and Kimi K2.5",
+        text: "Paid AI models including Gemma 4 31B, GLM 5.1, and Kimi K2.5",
         included: false,
         icon: <X className="w-4 h-4 text-red-500" />
       },
@@ -99,7 +99,7 @@ export const PRICING_PLANS: PricingPlan[] = [
         icon: <X className="w-4 h-4 text-red-500" />
       },
       {
-        text: "Kimi K2.5",
+        text: "GLM 5.1 + Kimi K2.5",
         included: false,
         icon: <X className="w-4 h-4 text-red-500" />
       },
@@ -134,7 +134,7 @@ export const PRICING_PLANS: PricingPlan[] = [
         icon: <Check className="w-4 h-4 text-green-500" />
       },
       {
-        text: "All AI models including Kimi K2.5",
+        text: "All AI models including GLM 5.1 and Kimi K2.5",
         included: true,
         icon: <Check className="w-4 h-4 text-green-500" />
       },
@@ -184,7 +184,7 @@ export const PRICING_PLANS: PricingPlan[] = [
         icon: <Check className="w-4 h-4 text-green-500" />
       },
       {
-        text: "All AI models including Kimi K2.5",
+        text: "All AI models including GLM 5.1 and Kimi K2.5",
         included: true,
         icon: <Check className="w-4 h-4 text-green-500" />
       },
@@ -243,7 +243,7 @@ export const PRICING_PLANS: PricingPlan[] = [
         icon: <Check className="w-4 h-4 text-green-500" />
       },
       {
-        text: "All AI models including Kimi K2.5",
+        text: "All AI models including GLM 5.1 and Kimi K2.5",
         included: true,
         icon: <Check className="w-4 h-4 text-green-500" />
       },

frontend/src/routes/teams.tsx

@@ -127,18 +127,19 @@ function TeamsPage() {
                 { src: "/badge-openai-logo.png", alt: "OpenAI", label: "OpenAI GPT-OSS" },
                 { src: "/badge-google-logo.png", alt: "Google", label: "Gemma 4" },
                 { src: "/badge-kimi-logo.png", alt: "Moonshot", label: "Kimi K2.5" },
+                { src: "/badge-zai-logo.svg", alt: "Z.ai", label: "GLM 5.1" },
                 { src: "/badge-meta-logo.png", alt: "Meta", label: "Meta Llama" }
               ];
               return (
-                <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
+                <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-8">
                   {models.map((model) => (
                     <div key={model.label} className="flex flex-col items-center">
                       <img
                         src={model.src}
                         alt={model.alt}
                         loading="lazy"
                         decoding="async"
-                        className="w-72 h-24 object-contain mb-4"
+                        className="max-w-full h-24 object-contain mb-4"
                       />
                       <span className="text-lg font-medium text-foreground">{model.label}</span>
                     </div>