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",