diff --git a/docs/app/chat/_components/agent-surfaces/cloud-agent-surface.tsx b/docs/app/chat/_components/agent-surfaces/cloud-agent-surface.tsx index a8c2e4da2..a9aed612c 100644 --- a/docs/app/chat/_components/agent-surfaces/cloud-agent-surface.tsx +++ b/docs/app/chat/_components/agent-surfaces/cloud-agent-surface.tsx @@ -23,8 +23,9 @@ const { artifactRenderers, artifactCategories } = defineArtifactCategories([ const CLOUD_STARTERS = [ { - displayText: "Summarize EV trends", - prompt: "In a few sentences, summarize the biggest EV market trends this quarter.", + displayText: "Flagship store tour", + prompt: + "Put together retail design inspiration. Use photos of Apple Fifth Avenue, Nike House of Innovation, and Gentle Monster's Seoul flagship, with a visual card for each highlighting one design idea worth borrowing.", }, { displayText: "Pricing strategy tips", diff --git a/docs/app/chat/_components/agent-surfaces/cloud-model-switcher.tsx b/docs/app/chat/_components/agent-surfaces/cloud-model-switcher.tsx index a086dacec..8014f7e27 100644 --- a/docs/app/chat/_components/agent-surfaces/cloud-model-switcher.tsx +++ b/docs/app/chat/_components/agent-surfaces/cloud-model-switcher.tsx @@ -31,9 +31,6 @@ export function CloudModelSwitcher({ selectedModel, onModelChange }: CloudModelS title={selectedOption?.id ?? selectedModel} > {selectedOption?.name ?? selectedModel} - {selectedOption?.badge ? ( - {selectedOption.badge} - ) : null} {groupedModels.map(([provider, providerModels]) => ( @@ -44,9 +41,6 @@ export function CloudModelSwitcher({ selectedModel, onModelChange }: CloudModelS {model.name} - {model.badge ? ( - {model.badge} - ) : null} {model.id} diff --git a/docs/app/chat/chat-page.module.css b/docs/app/chat/chat-page.module.css index eb93f3b09..4dc7d714b 100644 --- a/docs/app/chat/chat-page.module.css +++ b/docs/app/chat/chat-page.module.css @@ -306,20 +306,6 @@ white-space: nowrap; } -.modelBadge { - display: inline-flex; - flex: none; - align-items: center; - justify-content: center; - border-radius: 999px; - background: var(--openui-success-background); - padding: 3px 7px; - color: var(--openui-text-success-primary); - font-size: 10px; - font-weight: 600; - line-height: 1; -} - .modelSwitcherContent { width: min(360px, calc(100vw - 32px)); max-height: 360px; diff --git a/docs/lib/openui-cloud/models.ts b/docs/lib/openui-cloud/models.ts index 3e7fff3d2..0be038ea7 100644 --- a/docs/lib/openui-cloud/models.ts +++ b/docs/lib/openui-cloud/models.ts @@ -1,27 +1,23 @@ -export const DEFAULT_MODEL = "google/gemini-3.1-pro-free"; +export const DEFAULT_MODEL = "anthropic/claude-sonnet-4.6"; export interface ModelOption { id: string; name: string; provider: "Anthropic" | "Google" | "OpenAI"; - badge?: string; } export const MODEL_OPTIONS: readonly ModelOption[] = [ - { provider: "Google", id: "google/gemini-3.1-pro-free", name: "Gemini 3.1 Pro", badge: "Free" }, + { provider: "Google", id: "google/gemini-3.1-pro-free", name: "Gemini 3.1 Pro" }, { provider: "Google", id: "google/gemini-3.1-flash-lite-free", name: "Gemini 3.1 Flash Lite", - badge: "Free", }, { provider: "Google", id: "google/gemini-3.5-flash-free", name: "Gemini 3.5 Flash", - badge: "Free", }, - { provider: "Google", id: "google/gemini-3.5-flash", name: "Gemini 3.5 Flash" }, { provider: "Google", id: "google/gemini-3.1-pro-preview", name: "Gemini 3.1 Pro Preview" }, { provider: "OpenAI", id: "openai/gpt-5.5", name: "GPT-5.5" }, { provider: "OpenAI", id: "openai/gpt-5.4", name: "GPT-5.4" }, diff --git a/packages/openui-cli/src/templates/openui-cloud/src/components/cloud-chat.tsx b/packages/openui-cli/src/templates/openui-cloud/src/components/cloud-chat.tsx index 433231eb1..4933739ab 100644 --- a/packages/openui-cli/src/templates/openui-cloud/src/components/cloud-chat.tsx +++ b/packages/openui-cli/src/templates/openui-cloud/src/components/cloud-chat.tsx @@ -78,10 +78,6 @@ export function CloudChat() { prompt: "Put together retail design inspiration. Use photos of Apple Fifth Avenue, Nike House of Innovation, and Gentle Monster's Seoul flagship, with a visual card for each highlighting one design idea worth borrowing.", }, - { - displayText: "Summarize EV trends", - prompt: "In a few sentences, summarize the biggest EV market trends this quarter.", - }, { displayText: "Pricing strategy tips", prompt: "List five quick tips for pricing a new electric vehicle competitively.",