diff --git a/src/app/[variants]/(main)/agent/_layout/Sidebar/Topic/List/Item/index.tsx b/src/app/[variants]/(main)/agent/_layout/Sidebar/Topic/List/Item/index.tsx
index 2b742a7d52..b8eeed7729 100644
--- a/src/app/[variants]/(main)/agent/_layout/Sidebar/Topic/List/Item/index.tsx
+++ b/src/app/[variants]/(main)/agent/_layout/Sidebar/Topic/List/Item/index.tsx
@@ -3,7 +3,6 @@ import { cssVar } from 'antd-style';
 import { MessageSquareDashed, Star } from 'lucide-react';
 import { Suspense, memo, useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import urlJoin from 'url-join';
 
 import { isDesktop } from '@/const/version';
 import NavItem from '@/features/NavPanel/components/NavItem';
@@ -33,7 +32,7 @@ const TopicItem = memo<TopicItemProps>(({ id, title, fav, active, threadId }) =>
   // Construct href for cmd+click support
   const href = useMemo(() => {
     if (!activeAgentId || !id) return undefined;
-    return urlJoin('/chat', `?agent=${activeAgentId}&topic=${id}`);
+    return `/agent/${activeAgentId}?topic=${id}`;
   }, [activeAgentId, id]);
 
   const [editing, isLoading] = useChatStore((s) => [
diff --git a/src/app/[variants]/(main)/group/_layout/Sidebar/Topic/List/Item/index.tsx b/src/app/[variants]/(main)/group/_layout/Sidebar/Topic/List/Item/index.tsx
index f294bc4ee7..326b4293c6 100644
--- a/src/app/[variants]/(main)/group/_layout/Sidebar/Topic/List/Item/index.tsx
+++ b/src/app/[variants]/(main)/group/_layout/Sidebar/Topic/List/Item/index.tsx
@@ -3,7 +3,6 @@ import { cssVar } from 'antd-style';
 import { MessageSquareDashed, Star } from 'lucide-react';
 import { Suspense, memo, useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import urlJoin from 'url-join';
 
 import { isDesktop } from '@/const/version';
 import NavItem from '@/features/NavPanel/components/NavItem';
@@ -35,7 +34,7 @@ const TopicItem = memo<TopicItemProps>(({ id, title, fav, active, threadId }) =>
   // Construct href for cmd+click support
   const href = useMemo(() => {
     if (!activeGroupId || !id) return undefined;
-    return urlJoin('/group', activeGroupId, `?topic=${id}`);
+    return `/group/${activeGroupId}?topic=${id}`;
   }, [activeGroupId, id]);
 
   const [editing, isLoading] = useChatStore((s) => [