diff --git a/src/components/modals/ModelSearchDialog.tsx b/src/components/modals/ModelSearchDialog.tsx index c2fbc316..55029b51 100644 --- a/src/components/modals/ModelSearchDialog.tsx +++ b/src/components/modals/ModelSearchDialog.tsx @@ -227,6 +227,16 @@ export function ModelSearchDialog({ } }; + // Get model page URL for the provider's website + const getModelUrl = (model: ProviderModel): string => { + if (model.provider === "replicate") { + return `https://replicate.com/${model.id}`; + } else if (model.provider === "fal") { + return `https://fal.ai/models/${model.id}`; + } + return "#"; + }; + // Get capability badges - show all capabilities to differentiate similar models const getCapabilityBadges = (capabilities: ModelCapability[]) => { const badges: React.ReactNode[] = []; @@ -478,9 +488,33 @@ export function ModelSearchDialog({ {model.name} - {/* Model ID - helps differentiate similar models */} -
- {model.id} + {/* Model ID with link to provider page */} +
+ + {model.id} + + e.stopPropagation()} + className="text-neutral-500 hover:text-neutral-300 transition-colors flex-shrink-0" + title={`View on ${model.provider === "fal" ? "fal.ai" : "Replicate"}`} + > + + + +
{/* Badges row */}