diff --git a/packages/app/src/components/combined-model-selector.tsx b/packages/app/src/components/combined-model-selector.tsx index a22cc525d..8cccf0248 100644 --- a/packages/app/src/components/combined-model-selector.tsx +++ b/packages/app/src/components/combined-model-selector.tsx @@ -23,7 +23,6 @@ import type { AgentProviderDefinition } from "@server/server/agent/provider-mani const IS_WEB = Platform.OS === "web"; import { Combobox, ComboboxItem, SearchInput } from "@/components/ui/combobox"; -import { Tooltip, TooltipTrigger, TooltipContent } from "@/components/ui/tooltip"; import { getProviderIcon } from "@/components/provider-icons"; import type { FavoriteModelRow } from "@/hooks/use-form-preferences"; import { @@ -34,6 +33,9 @@ import { type SelectorModelRow, } from "./combined-model-selector.utils"; +// TODO: this should be configured per provider in the provider manifest +const PROVIDERS_WITH_MODEL_DESCRIPTIONS = new Set(["opencode", "pi"]); + type SelectorView = | { kind: "all" } | { kind: "provider"; providerId: string; providerLabel: string }; @@ -159,7 +161,6 @@ function ModelRow({ }) { const { theme } = useUnistyles(); const ProviderIcon = getProviderIcon(row.provider); - const isWeb = Platform.OS === "web"; const handleToggleFavorite = useCallback( (event: GestureResponderEvent) => { @@ -169,9 +170,13 @@ function ModelRow({ [onToggleFavorite, row.modelId, row.provider], ); - const item = ( + const showDescription = + row.description && PROVIDERS_WITH_MODEL_DESCRIPTIONS.has(row.provider); + + return ( ); - - if (!isWeb || !row.description) { - return item; - } - - return ( - - - {item} - - - {row.description} - - - ); } function FavoritesSection({ @@ -796,10 +786,6 @@ const styles = StyleSheet.create((theme) => ({ favoriteButtonPressed: { backgroundColor: theme.colors.surface1, }, - tooltipText: { - color: theme.colors.foreground, - fontSize: theme.fontSize.xs, - }, sheetLoadingState: { minHeight: 160, justifyContent: "center",