diff --git a/src/browser/components/ChatInput/index.tsx b/src/browser/components/ChatInput/index.tsx index 6190f8011..3f124cbfc 100644 --- a/src/browser/components/ChatInput/index.tsx +++ b/src/browser/components/ChatInput/index.tsx @@ -57,6 +57,7 @@ import { import type { ThinkingLevel } from "@/common/types/thinking"; import type { MuxFrontendMetadata } from "@/common/types/message"; +import { MODEL_ABBREVIATION_EXAMPLES } from "@/common/constants/knownModels"; import { useTelemetry } from "@/browser/hooks/useTelemetry"; import { getTokenCountPromise } from "@/browser/utils/tokenizer/rendererClient"; import { CreationCenterContent } from "./CreationCenterContent"; @@ -933,8 +934,11 @@ export const ChatInput: React.FC = (props) => {

Abbreviations: -
/model opus - Claude Opus 4.1 -
/model sonnet - Claude Sonnet 4.5 + {MODEL_ABBREVIATION_EXAMPLES.map((ex) => ( + +
/model {ex.abbrev} - {ex.displayName} +
+ ))}

Full format: diff --git a/src/common/constants/knownModels.ts b/src/common/constants/knownModels.ts index c4c4d1a5b..ce405f079 100644 --- a/src/common/constants/knownModels.ts +++ b/src/common/constants/knownModels.ts @@ -159,3 +159,9 @@ export const KNOWN_MODEL_OPTIONS = Object.values(KNOWN_MODELS).map((model) => ({ label: formatModelDisplayName(model.providerModelId), value: model.id, })); + +/** Tooltip-friendly abbreviation examples: show representative shortcuts */ +export const MODEL_ABBREVIATION_EXAMPLES = (["opus", "sonnet"] as const).map((abbrev) => ({ + abbrev, + displayName: formatModelDisplayName(MODEL_ABBREVIATIONS[abbrev].split(":")[1]), +}));