Skip to content

Update Cloud demo model options #774

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
zahlekhan merged 1 commit into from
Jul 15, 2026
Merged

Update Cloud demo model options #774

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 3 additions & 2 deletions docs/app/chat/_components/agent-surfaces/cloud-agent-surface.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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",
Expand Down
6 changes: 0 additions & 6 deletions docs/app/chat/_components/agent-surfaces/cloud-model-switcher.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,9 +31,6 @@ export function CloudModelSwitcher({ selectedModel, onModelChange }: CloudModelS
title={selectedOption?.id ?? selectedModel}
>
<span className={styles.modelSwitcherValue}>{selectedOption?.name ?? selectedModel}</span>
{selectedOption?.badge ? (
<span className={styles.modelBadge}>{selectedOption.badge}</span>
) : null}
</SelectTrigger>
<SelectContent align="start" className={styles.modelSwitcherContent}>
{groupedModels.map(([provider, providerModels]) => (
Expand All @@ -44,9 +41,6 @@ export function CloudModelSwitcher({ selectedModel, onModelChange }: CloudModelS
<span className={styles.modelOption}>
<span className={styles.modelOptionHeading}>
<span className={styles.modelOptionName}>{model.name}</span>
{model.badge ? (
<span className={styles.modelBadge}>{model.badge}</span>
) : null}
</span>
<span className={styles.modelOptionId}>{model.id}</span>
</span>
Expand Down
14 changes: 0 additions & 14 deletions docs/app/chat/chat-page.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down
8 changes: 2 additions & 6 deletions docs/lib/openui-cloud/models.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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" },
Expand Down
4 changes: 0 additions & 4 deletions packages/openui-cli/src/templates/openui-cloud/src/components/cloud-chat.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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.",
Expand Down
Loading