diff --git a/web/app/components/tools/mcp/hooks.ts b/web/app/components/tools/mcp/hooks.ts
index b2b521557f..562be6f079 100644
--- a/web/app/components/tools/mcp/hooks.ts
+++ b/web/app/components/tools/mcp/hooks.ts
@@ -1,7 +1,10 @@
 import dayjs from 'dayjs'
+import relativeTime from 'dayjs/plugin/relativeTime'
 import { useCallback } from 'react'
 import { useI18N } from '@/context/i18n'
 
+dayjs.extend(relativeTime)
+
 export const useFormatTimeFromNow = () => {
   const { locale } = useI18N()
   const formatTimeFromNow = useCallback((time: number) => {