fix(ai-gateway): keep auto frontier active

Author: chrarnoldus

apps/storybook/stories/claw/AutoModelPicker.stories.tsx

@@ -5,8 +5,8 @@ import type { ModelOption } from '@/components/shared/ModelCombobox';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 
 const SAMPLE_MODELS: ModelOption[] = [
+  { id: 'kilo-auto/frontier', name: 'Auto Frontier' },
   { id: 'kilo-auto/efficient', name: 'Auto Efficient' },
-  { id: 'kilo-auto/frontier', name: 'Auto Frontier (deprecated)' },
   { id: 'kilo-auto/balanced', name: 'Auto Balanced (deprecated)' },
   { id: 'anthropic/claude-opus-4.6', name: 'Anthropic: Claude Opus 4.6' },
   { id: 'anthropic/claude-sonnet-4.5', name: 'Anthropic: Claude Sonnet 4.5' },
@@ -23,7 +23,7 @@ const meta: Meta<typeof AutoModelPicker> = {
   },
   args: {
     models: SAMPLE_MODELS,
-    value: 'kilo-auto/efficient',
+    value: 'kilo-auto/frontier',
   },
   decorators: [
     Story => (
@@ -49,6 +49,12 @@ const meta: Meta<typeof AutoModelPicker> = {
 export default meta;
 type Story = StoryObj<typeof meta>;
 
+export const FrontierSelected: Story = {
+  args: {
+    value: 'kilo-auto/frontier',
+  },
+};
+
 export const EfficientSelected: Story = {
   args: {
     value: 'kilo-auto/efficient',

apps/web/src/app/(app)/claw/components/AutoModelPicker.tsx

@@ -1,13 +1,13 @@
 'use client';
 
 import { useMemo, useState } from 'react';
-import { CheckCircle2, ChevronDown, Scale } from 'lucide-react';
+import { CheckCircle2, ChevronDown, Scale, Zap } from 'lucide-react';
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible';
 import { ModelCombobox, type ModelOption } from '@/components/shared/ModelCombobox';
 import { cn } from '@/lib/utils';
-import { KILO_AUTO_EFFICIENT_MODEL } from '@/lib/ai-gateway/auto-model';
+import { KILO_AUTO_EFFICIENT_MODEL, KILO_AUTO_FRONTIER_MODEL } from '@/lib/ai-gateway/auto-model';
 
-const AUTO_CARD_MODEL_IDS = new Set([KILO_AUTO_EFFICIENT_MODEL.id]);
+const AUTO_CARD_MODEL_IDS = new Set([KILO_AUTO_FRONTIER_MODEL.id, KILO_AUTO_EFFICIENT_MODEL.id]);
 
 type CostLevel = 0 | 1 | 2 | 3;
 type PerformanceLevel = 1 | 2 | 3;
@@ -16,7 +16,7 @@ type AutoModelCard = {
   id: string;
   label: string;
   description: string;
-  icon: typeof Scale;
+  icon: typeof Zap;
   iconBg: string;
   iconColor: string;
   cost: CostLevel;
@@ -25,6 +25,17 @@ type AutoModelCard = {
 };
 
 const autoModelCards: AutoModelCard[] = [
+  {
+    id: KILO_AUTO_FRONTIER_MODEL.id,
+    label: 'Frontier',
+    description: KILO_AUTO_FRONTIER_MODEL.description,
+    icon: Zap,
+    iconBg: 'bg-purple-500/20',
+    iconColor: 'text-purple-400',
+    cost: 3,
+    performance: 3,
+    performanceDotColor: 'bg-purple-400',
+  },
   {
     id: KILO_AUTO_EFFICIENT_MODEL.id,
     label: 'Efficient',
@@ -118,7 +129,7 @@ export function AutoModelPicker({
           <legend className="text-muted-foreground pr-2 text-xs font-semibold tracking-wider uppercase">
             Kilo Auto
           </legend>
-          <div className="grid grid-cols-1 gap-3">
+          <div className="grid grid-cols-1 gap-3 sm:grid-cols-2">
             {availableAutoCards.map(card => {
               const selected = value === card.id;
               const Icon = card.icon;

apps/web/src/lib/ai-gateway/auto-model/index.ts

@@ -90,7 +90,7 @@ export const BALANCED_QWEN_MODEL: ResolvedAutoModel = {
 
 export const KILO_AUTO_FRONTIER_MODEL: AutoModel = {
   id: 'kilo-auto/frontier',
-  name: 'Auto Frontier (deprecated)',
+  name: 'Auto Frontier',
   description: 'Highest performance and capability for any task.',
   context_length: 1_000_000,
   max_completion_tokens: 128_000,

apps/web/src/lib/ai-gateway/models.ts

@@ -2,7 +2,11 @@
  * Utility functions for working with AI models
  */
 
-import { KILO_AUTO_EFFICIENT_MODEL, KILO_AUTO_FREE_MODEL } from '@/lib/ai-gateway/auto-model';
+import {
+  KILO_AUTO_EFFICIENT_MODEL,
+  KILO_AUTO_FREE_MODEL,
+  KILO_AUTO_FRONTIER_MODEL,
+} from '@/lib/ai-gateway/auto-model';
 import {
   claude_opus_4_8_stealth_model,
   claude_opus_4_7_stealth_model,
@@ -79,6 +83,7 @@ export function selectAutoFreeCandidate(
 }
 
 export const preferredModels = [
+  KILO_AUTO_FRONTIER_MODEL.id,
   KILO_AUTO_EFFICIENT_MODEL.id,
   KILO_AUTO_FREE_MODEL.id,
 

apps/web/src/lib/bot/constants.ts

@@ -1,8 +1,8 @@
-import { KILO_AUTO_EFFICIENT_MODEL, KILO_AUTO_SMALL_MODEL } from '@/lib/ai-gateway/auto-model';
+import { KILO_AUTO_FRONTIER_MODEL, KILO_AUTO_SMALL_MODEL } from '@/lib/ai-gateway/auto-model';
 
 export const BOT_VERSION = '5.1.0';
 export const BOT_USER_AGENT = `Kilo-Code/${BOT_VERSION}`;
-export const DEFAULT_BOT_MODEL = KILO_AUTO_EFFICIENT_MODEL.id;
+export const DEFAULT_BOT_MODEL = KILO_AUTO_FRONTIER_MODEL.id;
 export const MAX_ITERATIONS = 5;
 export const BOT_CONTEXT_MESSAGE_LIMIT = 12;
 export const SUMMARY_MODEL = KILO_AUTO_SMALL_MODEL.id;