cli multi label support. new featured model (#9118)

Co-authored-by: Max Paulus 🥪 <max@cline.bot>

cli/src/components/AuthView.tsx

@@ -5,6 +5,7 @@
 
 import { Box, Text, useApp, useInput } from "ink"
 import Spinner from "ink-spinner"
+// biome-ignore lint/style/useImportType: React is used as a value by JSX (jsx: "react" in tsconfig)
 import React, { useCallback, useEffect, useMemo, useState } from "react"
 import { StateManager } from "@/core/storage/StateManager"
 import { openAiCodexOAuthManager } from "@/integrations/openai-codex/oauth"
@@ -12,7 +13,6 @@ import { AuthService } from "@/services/auth/AuthService"
 import { liteLlmDefaultModelId, openAiCodexDefaultModelId, openRouterDefaultModelId } from "@/shared/api"
 import { openExternal } from "@/utils/env"
 import { COLORS } from "../constants/colors"
-import { getAllFeaturedModels } from "../constants/featured-models"
 import { useStdinContext } from "../context/StdinContext"
 import { useOcaAuth } from "../hooks/useOcaAuth"
 import { useScrollableList } from "../hooks/useScrollableList"
@@ -48,9 +48,6 @@ type AuthStep =
 	| "bedrock"
 	| "import"
 
-// Featured models loaded from shared constants
-const featuredModels = getAllFeaturedModels()
-
 interface AuthViewProps {
 	controller: any
 	onComplete?: () => void
@@ -864,7 +861,7 @@ export const AuthView: React.FC<AuthViewProps> = ({ controller, onComplete, onEr
 										{index === menuIndex ? "❯ " : "  "}
 										{item.label}
 									</Text>
-									{item.value === "cline_auth" && <Text color="yellow"> (try Kimi K2.5 free!)</Text>}
+									{item.value === "cline_auth" && <Text color="yellow"> (try Opus 4.6!)</Text>}
 								</Text>
 							</Box>
 						))}

cli/src/components/FeaturedModelPicker.tsx

@@ -45,15 +45,15 @@ export const FeaturedModelPicker: React.FC<FeaturedModelPickerProps> = ({
 							<Text bold color={isSelected ? COLORS.primaryBlue : "white"}>
 								{model.name}
 							</Text>
-							{model.label && (
-								<Text>
+							{model.labels.map((label) => (
+								<Text key={label}>
 									<Text> </Text>
-									<Text backgroundColor={model.label === "FREE" ? "gray" : COLORS.primaryBlue} color="black">
+									<Text backgroundColor={label === "FREE" ? "gray" : COLORS.primaryBlue} color="black">
 										{" "}
-										{model.label}{" "}
+										{label}{" "}
 									</Text>
 								</Text>
-							)}
+							))}
 						</Box>
 						<Box paddingLeft={2}>
 							<Text color="gray">{model.description}</Text>

cli/src/constants/featured-models.ts

@@ -7,48 +7,54 @@ export interface FeaturedModel {
 	id: string
 	name: string
 	description: string
-	label: string
+	labels: string[]
 }
 
 export const FEATURED_MODELS = {
 	recommended: [
 		{
-			id: "anthropic/claude-opus-4.5",
-			name: "Claude Opus 4.5",
+			id: "anthropic/claude-opus-4.6",
+			name: "Claude Opus 4.6",
 			description: "State-of-the-art for complex coding",
-			label: "Best",
+			labels: ["BEST"],
 		},
 		{
 			id: "openai/gpt-5.2-codex",
 			name: "GPT 5.2 Codex",
 			description: "OpenAI's latest with strong coding abilities",
-			label: "New",
+			labels: ["NEW"],
 		},
 		{
 			id: "google/gemini-3-pro-preview",
 			name: "Gemini 3 Pro",
 			description: "1M context window for large codebases",
-			label: "Trending",
+			labels: ["TRENDING"],
 		},
 	] as FeaturedModel[],
 	free: [
+		{
+			id: "minimax/minimax-m2.1",
+			name: "MiniMax M2.1",
+			description: "Exceptional Multi-Programming Language Capabilities",
+			labels: ["FREE"],
+		},
 		{
 			id: "moonshotai/kimi-k2.5",
 			name: "Kimi K2.5",
 			description: "State-of-the-art model topping benchmarks",
-			label: "FREE",
+			labels: ["FREE"],
 		},
 		{
 			id: "kwaipilot/kat-coder-pro",
 			name: "KAT Coder Pro",
 			description: "Advanced agentic coding model",
-			label: "FREE",
+			labels: ["FREE"],
 		},
 		{
 			id: "arcee-ai/trinity-large-preview:free",
 			name: "Trinity Large Preview",
 			description: "US built open source coding model",
-			label: "FREE",
+			labels: ["FREE"],
 		},
 	] as FeaturedModel[],
 }