@lobehub/lobehub 2.0.0-next.293 → 2.0.0-next.295

package/src/app/[variants]/(main)/agent/_layout/Sidebar/Header/AddTopicButon.tsx

@@ -2,7 +2,6 @@
 
 import { ActionIcon } from '@lobehub/ui';
 import { MessageSquarePlusIcon } from 'lucide-react';
-import { usePathname } from 'next/navigation';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useParams } from 'react-router-dom';
@@ -10,6 +9,7 @@ import urlJoin from 'url-join';
 
 import { DESKTOP_HEADER_ICON_SIZE } from '@/const/layoutTokens';
 import { useQueryRoute } from '@/hooks/useQueryRoute';
+import { usePathname } from '@/libs/router/navigation';
 import { useActionSWR } from '@/libs/swr';
 import { useChatStore } from '@/store/chat';
 import { useUserStore } from '@/store/user';

package/src/app/[variants]/(main)/agent/_layout/Sidebar/Header/Nav.tsx

@@ -3,7 +3,6 @@
 import { Flexbox } from '@lobehub/ui';
 import { BotPromptIcon } from '@lobehub/ui/icons';
 import { MessageSquarePlusIcon, SearchIcon } from 'lucide-react';
-import { usePathname } from 'next/navigation';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useParams } from 'react-router-dom';
@@ -11,6 +10,7 @@ import urlJoin from 'url-join';
 
 import NavItem from '@/features/NavPanel/components/NavItem';
 import { useQueryRoute } from '@/hooks/useQueryRoute';
+import { usePathname } from '@/libs/router/navigation';
 import { useActionSWR } from '@/libs/swr';
 import { useAgentStore } from '@/store/agent';
 import { builtinAgentSelectors } from '@/store/agent/selectors';

package/src/app/[variants]/(main)/agent/_layout/Sidebar/Topic/AllTopicsDrawer/index.tsx

@@ -1,12 +1,12 @@
 'use client';
 
 import { Flexbox, SearchBar } from '@lobehub/ui';
-import dynamic from 'next/dynamic';
 import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import SideBarDrawer from '@/features/NavPanel/SideBarDrawer';
 import SkeletonList from '@/features/NavPanel/components/SkeletonList';
+import dynamic from '@/libs/next/dynamic';
 
 const Content = dynamic(() => import('./Content'), {
   loading: () => (

package/src/app/[variants]/(main)/agent/_layout/Sidebar/Topic/hooks/useThreadNavigation.ts

@@ -1,9 +1,9 @@
-import { usePathname } from 'next/navigation';
 import { useCallback } from 'react';
 import { useParams } from 'react-router-dom';
 import urlJoin from 'url-join';
 
 import { useQueryRoute } from '@/hooks/useQueryRoute';
+import { usePathname } from '@/libs/router/navigation';
 import { useChatStore } from '@/store/chat';
 import { useGlobalStore } from '@/store/global';
 

package/src/app/[variants]/(main)/agent/_layout/Sidebar/Topic/hooks/useTopicNavigation.ts

@@ -1,8 +1,8 @@
-import { usePathname } from 'next/navigation';
 import { useCallback } from 'react';
 import urlJoin from 'url-join';
 
 import { useQueryRoute } from '@/hooks/useQueryRoute';
+import { usePathname } from '@/libs/router/navigation';
 import { useChatStore } from '@/store/chat';
 import { useGlobalStore } from '@/store/global';
 

package/src/app/[variants]/(main)/agent/features/TelemetryNotification.tsx

@@ -4,7 +4,6 @@ import { BRANDING_NAME } from '@lobechat/business-const';
 import { Avatar, Button, Flexbox, Icon } from '@lobehub/ui';
 import { createStaticStyles, cssVar } from 'antd-style';
 import { LucideArrowUpRightFromSquare, TelescopeIcon } from 'lucide-react';
-import Link from 'next/link';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -56,10 +55,10 @@ const TelemetryNotification = memo<{ mobile?: boolean }>(({ mobile }) => {
           <div className={styles.desc}>
             {t('telemetry.desc', { appName: BRANDING_NAME })}
             <span>
-              <Link href={PRIVACY_URL} target={'_blank'}>
+              <a href={PRIVACY_URL} rel="noreferrer" target="_blank">
                 {t('telemetry.learnMore')}
                 <Icon icon={LucideArrowUpRightFromSquare} style={{ marginInlineStart: 4 }} />
-              </Link>
+              </a>
             </span>
           </div>
         </Flexbox>

package/src/app/[variants]/(main)/community/(detail)/assistant/features/Details/Nav.tsx

@@ -4,7 +4,6 @@ import { SOCIAL_URL } from '@lobechat/business-const';
 import { Flexbox, Icon, Tabs, Tag } from '@lobehub/ui';
 import { createStaticStyles } from 'antd-style';
 import { BookOpenIcon, HistoryIcon, LayersIcon, ListIcon, SquareUserIcon } from 'lucide-react';
-import Link from 'next/link';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import urlJoin from 'url-join';
@@ -104,21 +103,22 @@ const Nav = memo<NavProps>(({ mobile, setActiveTab, activeTab = AssistantNavKey.
     <Flexbox align={'center'} className={styles.nav} horizontal justify={'space-between'}>
       {nav}
       <Flexbox gap={12} horizontal>
-        <Link className={styles.link} href={SOCIAL_URL.discord} target={'_blank'}>
+        <a className={styles.link} href={SOCIAL_URL.discord} rel="noreferrer" target="_blank">
           {t('mcp.details.nav.needHelp')}
-        </Link>
+        </a>
         {identifier && marketplaceLink && (
-          <Link className={styles.link} href={marketplaceLink} target={'_blank'}>
+          <a className={styles.link} href={marketplaceLink} rel="noreferrer" target="_blank">
             {t('mcp.details.nav.viewSourceCode')}
-          </Link>
+          </a>
         )}
-        <Link
+        <a
           className={styles.link}
-          href={'https://github.com/lobehub/lobe-chat-agents/issues/new/choose'}
-          target={'_blank'}
+          href="https://github.com/lobehub/lobe-chat-agents/issues/new/choose"
+          rel="noreferrer"
+          target="_blank"
         >
           {t('mcp.details.nav.reportIssue')}
-        </Link>
+        </a>
       </Flexbox>
     </Flexbox>
   );

package/src/app/[variants]/(main)/community/(detail)/assistant/features/Details/Versions/index.tsx

@@ -5,9 +5,8 @@ import qs from 'query-string';
 import { memo, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import Link from '@/app/[variants]/(main)/components/Link';
-import { usePathname } from '@/app/[variants]/(main)/hooks/usePathname';
-import { useQuery } from '@/app/[variants]/(main)/hooks/useQuery';
+import Link from '@/libs/router/Link';
+import { usePathname , useQuery } from '@/libs/router/navigation';
 import InlineTable from '@/components/InlineTable';
 import PublishedTime from '@/components/PublishedTime';
 import { type AssistantMarketSource, AssistantNavKey } from '@/types/discover';

package/src/app/[variants]/(main)/community/(detail)/features/MakedownRender.tsx

@@ -2,7 +2,6 @@
 
 import { Center, Empty, Markdown } from '@lobehub/ui';
 import { FileText } from 'lucide-react';
-import Link from 'next/link';
 import { type ReactNode, memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -28,7 +27,7 @@ const MarkdownRender = memo<{ children?: string }>(({ children }) => {
       components={{
         a: ({ href, ...rest }: { children?: ReactNode; href?: string }) => {
           if (href && href.startsWith('http'))
-            return <Link {...rest} href={href} target={'_blank'} />;
+            return <a {...rest} href={href} rel="noreferrer" target="_blank" />;
           return rest?.children;
         },
         h1: H1,

package/src/app/[variants]/(main)/community/(detail)/features/ShareButton.tsx

@@ -15,7 +15,6 @@ import {
 import { createStaticStyles, cssVar } from 'antd-style';
 import { startCase } from 'es-toolkit/compat';
 import { LinkIcon, Share2Icon } from 'lucide-react';
-import Link from 'next/link';
 import { type ReactNode, memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -121,14 +120,14 @@ const ShareButton = memo<ShareButtonProps>(({ meta, ...rest }) => {
           {[x, reddit, telegram, whatsapp, mastodon, weibo].map(
             (item) =>
               item.icon && (
-                <Link href={item.link} key={item.title} target={'_blank'}>
+                <a href={item.link} key={item.title} rel="noreferrer" target="_blank">
                   <ActionIcon
                     className={styles.icon}
                     icon={item.icon}
                     size={{ blockSize: 36, borderRadius: 18, size: 16 }}
                     title={item.title}
                   />
-                </Link>
+                </a>
               ),
           )}
         </Flexbox>

package/src/app/[variants]/(main)/community/(detail)/features/Toc/Heading.tsx

@@ -4,7 +4,6 @@ import { Icon } from '@lobehub/ui';
 import { createStaticStyles, cssVar, cx } from 'antd-style';
 import { kebabCase } from 'es-toolkit/compat';
 import { Heading2, Heading3, Heading4, Heading5 } from 'lucide-react';
-import Link from 'next/link';
 import {
   Children,
   type ComponentProps,
@@ -92,14 +91,14 @@ const createHeading = (Tag: `h${1 | 2 | 3 | 4 | 5 | 6}`) => {
         id={id}
       >
         {children}
-        <Link
+        <a
           aria-label="Permalink for this section"
           className={styles.anchor}
           href={`#${id}`}
           style={{ scrollMarginTop: 96 }}
         >
           <Icon icon={HeadingIcon[Tag]} />
-        </Link>
+        </a>
       </Tag>
     );
   };

package/src/app/[variants]/(main)/community/(detail)/mcp/features/Details/Versions/index.tsx

@@ -5,8 +5,8 @@ import qs from 'query-string';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import Link from '@/app/[variants]/(main)/components/Link';
-import { usePathname } from '@/app/[variants]/(main)/hooks/usePathname';
+import Link from '@/libs/router/Link';
+import { usePathname } from '@/libs/router/navigation';
 import InlineTable from '@/components/InlineTable';
 
 import PublishedTime from '../../../../../../../../../components/PublishedTime';

package/src/app/[variants]/(main)/community/(detail)/model/features/Details/Nav.tsx

@@ -4,7 +4,6 @@ import { SOCIAL_URL } from '@lobechat/business-const';
 import { Flexbox, Icon, Tabs } from '@lobehub/ui';
 import { createStaticStyles } from 'antd-style';
 import { BookOpenIcon, ListIcon, Settings2Icon } from 'lucide-react';
-import Link from 'next/link';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -65,23 +64,25 @@ const Nav = memo<NavProps>(({ mobile, setActiveTab, activeTab = ModelNavKey.Over
     <Flexbox align={'center'} className={styles.nav} horizontal justify={'space-between'}>
       {nav}
       <Flexbox gap={12} horizontal>
-        <Link className={styles.link} href={SOCIAL_URL.discord} target={'_blank'}>
+        <a className={styles.link} href={SOCIAL_URL.discord} rel="noreferrer" target="_blank">
           {t('mcp.details.nav.needHelp')}
-        </Link>
-        <Link
+        </a>
+        <a
           className={styles.link}
-          href={'https://github.com/lobehub/lobe-chat/tree/main/src/config/aiModels'}
-          target={'_blank'}
+          href="https://github.com/lobehub/lobe-chat/tree/main/src/config/aiModels"
+          rel="noreferrer"
+          target="_blank"
         >
           {t('mcp.details.nav.viewSourceCode')}
-        </Link>
-        <Link
+        </a>
+        <a
           className={styles.link}
-          href={'https://github.com/lobehub/lobe-chat/issues/new/choose'}
-          target={'_blank'}
+          href="https://github.com/lobehub/lobe-chat/issues/new/choose"
+          rel="noreferrer"
+          target="_blank"
         >
           {t('mcp.details.nav.reportIssue')}
-        </Link>
+        </a>
       </Flexbox>
     </Flexbox>
   );

package/src/app/[variants]/(main)/community/(detail)/model/features/Details/Parameter/ParameterItem.tsx

@@ -1,7 +1,6 @@
 import { Flexbox } from '@lobehub/ui';
 import { Divider } from 'antd';
 import { cssVar } from 'antd-style';
-import Link from 'next/link';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -29,9 +28,9 @@ const ParameterItem = memo<ParameterItemProps>(
       <Flexbox align={'flex-start'} gap={16}>
         <p style={{ color: cssVar.colorTextSecondary, margin: 0 }}>
           {desc}{' '}
-          <Link href={docUrl} target={'_blank'}>
+          <a href={docUrl} rel="noreferrer" target="_blank">
             {t('models.parameterList.docs')}
-          </Link>
+          </a>
         </p>
         <Divider dashed style={{ margin: 0 }} />
         <Flexbox align={'center'} gap={16} horizontal style={{ paddingBottom: 8 }} wrap={'wrap'}>

package/src/app/[variants]/(main)/community/(detail)/provider/features/Details/Nav.tsx

@@ -4,7 +4,6 @@ import { BRANDING_PROVIDER, SOCIAL_URL } from '@lobechat/business-const';
 import { Flexbox, Icon, Tabs } from '@lobehub/ui';
 import { createStaticStyles } from 'antd-style';
 import { BookOpenIcon, BrainCircuitIcon, ListIcon } from 'lucide-react';
-import Link from 'next/link';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import urlJoin from 'url-join';
@@ -78,28 +77,30 @@ const Nav = memo<NavProps>(({ mobile, setActiveTab, activeTab = ProviderNavKey.O
     <Flexbox align={'center'} className={styles.nav} horizontal justify={'space-between'}>
       {nav}
       <Flexbox gap={12} horizontal>
-        <Link className={styles.link} href={SOCIAL_URL.discord} target={'_blank'}>
+        <a className={styles.link} href={SOCIAL_URL.discord} rel="noreferrer" target="_blank">
           {t('mcp.details.nav.needHelp')}
-        </Link>
+        </a>
         {identifier && (
-          <Link
+          <a
             className={styles.link}
             href={urlJoin(
               'https://github.com/lobehub/lobe-chat/tree/main/src/config/modelProviders',
               `${identifier}.ts`,
             )}
-            target={'_blank'}
+            rel="noreferrer"
+            target="_blank"
           >
             {t('mcp.details.nav.viewSourceCode')}
-          </Link>
+          </a>
         )}
-        <Link
+        <a
           className={styles.link}
-          href={'https://github.com/lobehub/lobe-chat/issues/new/choose'}
-          target={'_blank'}
+          href="https://github.com/lobehub/lobe-chat/issues/new/choose"
+          rel="noreferrer"
+          target="_blank"
         >
           {t('mcp.details.nav.reportIssue')}
-        </Link>
+        </a>
       </Flexbox>
     </Flexbox>
   );

package/src/app/[variants]/(main)/community/(detail)/provider/features/Header.tsx

@@ -4,7 +4,6 @@ import { Github, ProviderCombine } from '@lobehub/icons';
 import { ActionIcon, Flexbox } from '@lobehub/ui';
 import { cssVar, useResponsive } from 'antd-style';
 import { GlobeIcon } from 'lucide-react';
-import Link from 'next/link';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import urlJoin from 'url-join';
@@ -32,9 +31,9 @@ const Header = memo<{ mobile?: boolean }>(({ mobile: isMobile }) => {
           <ProviderCombine provider={identifier} size={mobile ? 32 : 48} />
           <Flexbox align={'center'} gap={4} horizontal>
             {Boolean(url || modelsUrl) ? (
-              <Link href={url || (modelsUrl as string)} target={'_blank'}>
+              <a href={url || (modelsUrl as string)} rel="noreferrer" target="_blank">
                 @{name}
-              </Link>
+              </a>
             ) : (
               <span>@{name}</span>
             )}
@@ -42,25 +41,27 @@ const Header = memo<{ mobile?: boolean }>(({ mobile: isMobile }) => {
         </Flexbox>
         <Flexbox align={'center'} horizontal>
           {Boolean(url || modelsUrl) && (
-            <Link
+            <a
               href={(url || modelsUrl) as string}
               onClick={(e) => e.stopPropagation()}
-              target={'_blank'}
+              rel="noreferrer"
+              target="_blank"
             >
               <ActionIcon color={cssVar.colorTextDescription} icon={GlobeIcon} />
-            </Link>
+            </a>
           )}
 
-          <Link
+          <a
             href={urlJoin(
               'https://github.com/lobehub/lobe-chat-agents/tree/main/locales',
               identifier as string,
             )}
             onClick={(e) => e.stopPropagation()}
-            target={'_blank'}
+            rel="noreferrer"
+            target="_blank"
           >
             <ActionIcon fill={cssVar.colorTextDescription} icon={Github} />
-          </Link>
+          </a>
         </Flexbox>
       </Flexbox>
 

package/src/app/[variants]/(main)/community/(list)/(home)/index.tsx

@@ -4,7 +4,7 @@ import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useDiscoverStore } from '@/store/discover';
-import { McpSorts, AssistantSorts } from '@/types/discover';
+import { AssistantSorts, McpSorts } from '@/types/discover';
 
 import Title from '../../components/Title';
 import AssistantList from '../assistant/features/List';

package/src/app/[variants]/(main)/community/(list)/assistant/features/Category/useCategory.tsx

@@ -2,6 +2,7 @@ import {
   BadgeDollarSignIcon,
   BriefcaseIcon,
   Coffee,
+  CompassIcon,
   DramaIcon,
   GamepadIcon,
   GraduationCapIcon,
@@ -14,7 +15,6 @@ import {
   PencilIcon,
   PrinterIcon,
   TerminalSquareIcon,
-  CompassIcon,
 } from 'lucide-react';
 import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';

package/src/app/[variants]/(main)/community/(list)/features/SortButton/index.tsx

@@ -1,12 +1,11 @@
-import { Dropdown, type DropdownMenuItemType, Icon , Button } from '@lobehub/ui';
+import { Button, Dropdown, type DropdownMenuItemType, Icon } from '@lobehub/ui';
 import { ArrowDownWideNarrow, ChevronDown } from 'lucide-react';
 import { memo, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { usePathname } from '@/app/[variants]/(main)/hooks/usePathname';
-import { useQuery } from '@/app/[variants]/(main)/hooks/useQuery';
 import { useQueryRoute } from '@/hooks/useQueryRoute';
 import { useMarketAuth } from '@/layout/AuthProvider/MarketAuth';
+import { usePathname , useQuery } from '@/libs/router/navigation';
 import {
   AssistantSorts,
   DiscoverTab,

package/src/app/[variants]/(main)/community/_layout/Sidebar/Header/Nav.tsx

@@ -3,7 +3,7 @@
 import { Flexbox } from '@lobehub/ui';
 import { McpIcon, ProviderIcon } from '@lobehub/ui/icons';
 import { Bot, Brain, ShapesIcon } from 'lucide-react';
-import { usePathname } from 'next/navigation';
+import { usePathname } from '@/libs/router/navigation';
 import { memo, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link, useNavigate } from 'react-router-dom';

package/src/app/[variants]/(main)/community/features/CreateButton/Inner.tsx

@@ -1,7 +1,7 @@
 import { Button, Icon, Tag, Typography } from '@lobehub/ui';
 import { Divider } from 'antd';
 import { Github, Settings, Share2 } from 'lucide-react';
-import Image from 'next/image';
+import Image from '@/libs/next/Image';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 

package/src/app/[variants]/(main)/community/features/CreateButton/index.tsx

@@ -1,7 +1,7 @@
 import { ActionIcon, Button, Modal , Skeleton } from '@lobehub/ui';
 import { useResponsive } from 'antd-style';
 import { Brush } from 'lucide-react';
-import dynamic from 'next/dynamic';
+import dynamic from '@/libs/next/dynamic';
 import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 

package/src/app/[variants]/(main)/community/features/Search.tsx

@@ -6,8 +6,7 @@ import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import urlJoin from 'url-join';
 
-import { usePathname } from '@/app/[variants]/(main)/hooks/usePathname';
-import { useQuery } from '@/app/[variants]/(main)/hooks/useQuery';
+import { usePathname , useQuery } from '@/libs/router/navigation';
 import { withSuspense } from '@/components/withSuspense';
 import { useQueryRoute } from '@/hooks/useQueryRoute';
 

package/src/app/[variants]/(main)/community/features/Title.tsx

@@ -3,7 +3,6 @@
 import { Flexbox, type FlexboxProps, Icon } from '@lobehub/ui';
 import { createStaticStyles, cx } from 'antd-style';
 import { ChevronRight } from 'lucide-react';
-import NextLink from 'next/link';
 import { type ReactNode, memo } from 'react';
 import { Link as RouterLink } from 'react-router-dom';
 
@@ -51,10 +50,10 @@ const Title = memo<TitleProps>(
     if (moreLink) {
       if (isExternalLink) {
         moreLinkElement = (
-          <NextLink className={styles.more} href={moreLink} target="_blank">
+          <a className={styles.more} href={moreLink} rel="noreferrer" target="_blank">
             <span style={{ marginRight: 4 }}>{more}</span>
             <Icon icon={ChevronRight} />
-          </NextLink>
+          </a>
         );
       } else if (isCommunityRoute) {
         moreLinkElement = (
@@ -64,11 +63,12 @@ const Title = memo<TitleProps>(
           </RouterLink>
         );
       } else {
+        // For non-external, non-community routes (like auth pages), use RouterLink
         moreLinkElement = (
-          <NextLink className={styles.more} href={moreLink}>
+          <RouterLink className={styles.more} to={moreLink}>
             <span style={{ marginRight: 4 }}>{more}</span>
             <Icon icon={ChevronRight} />
-          </NextLink>
+          </RouterLink>
         );
       }
     }

package/src/app/[variants]/(main)/group/_layout/GroupIdSync.tsx

@@ -1,4 +1,5 @@
-import { useUnmount } from 'ahooks';
+import { usePrevious, useUnmount } from 'ahooks';
+import { useEffect } from 'react';
 import { useParams } from 'react-router-dom';
 import { createStoreUpdater } from 'zustand-utils';
 
@@ -10,6 +11,7 @@ const GroupIdSync = () => {
   const useAgentGroupStoreUpdater = createStoreUpdater(useAgentGroupStore);
   const useChatStoreUpdater = createStoreUpdater(useChatStore);
   const params = useParams<{ gid?: string }>();
+  const prevGroupId = usePrevious(params.gid);
   const router = useQueryRoute();
 
   // Sync groupId to agentGroupStore and chatStore
@@ -19,6 +21,15 @@ const GroupIdSync = () => {
   // Inject router to agentGroupStore for navigation
   useAgentGroupStoreUpdater('router', router);
 
+  // Reset activeTopicId when switching to a different group
+  // This prevents messages from being saved to the wrong topic bucket
+  useEffect(() => {
+    // Only reset topic when switching between groups (not on initial mount)
+    if (prevGroupId !== undefined && prevGroupId !== params.gid) {
+      useChatStore.getState().switchTopic(null, { skipRefreshMessage: true });
+    }
+  }, [params.gid, prevGroupId]);
+
   // Clear activeGroupId when unmounting (leaving group page)
   useUnmount(() => {
     useAgentGroupStore.setState({ activeGroupId: undefined, router: undefined });

package/src/app/[variants]/(main)/group/_layout/Sidebar/Header/Nav.tsx

@@ -3,7 +3,6 @@
 import { Flexbox } from '@lobehub/ui';
 import { BotPromptIcon } from '@lobehub/ui/icons';
 import { MessageSquarePlusIcon, SearchIcon } from 'lucide-react';
-import { usePathname } from 'next/navigation';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useParams } from 'react-router-dom';
@@ -11,6 +10,7 @@ import urlJoin from 'url-join';
 
 import NavItem from '@/features/NavPanel/components/NavItem';
 import { useQueryRoute } from '@/hooks/useQueryRoute';
+import { usePathname } from '@/libs/router/navigation';
 import { useAgentGroupStore } from '@/store/agentGroup';
 import { useChatStore } from '@/store/chat';
 import { useGlobalStore } from '@/store/global';

package/src/app/[variants]/(main)/group/_layout/Sidebar/Topic/AllTopicsDrawer/index.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { Flexbox, SearchBar } from '@lobehub/ui';
-import dynamic from 'next/dynamic';
+import dynamic from '@/libs/next/dynamic';
 import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 

package/src/app/[variants]/(main)/group/_layout/Sidebar/Topic/hooks/useThreadNavigation.ts

@@ -1,4 +1,4 @@
-import { usePathname } from 'next/navigation';
+import { usePathname } from '@/libs/router/navigation';
 import { useCallback } from 'react';
 import { useParams } from 'react-router-dom';
 import urlJoin from 'url-join';

package/src/app/[variants]/(main)/group/features/Conversation/Header/ShareButton/index.tsx

@@ -2,12 +2,12 @@
 
 import { ActionIcon } from '@lobehub/ui';
 import { Share2 } from 'lucide-react';
-import dynamic from 'next/dynamic';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { DESKTOP_HEADER_ICON_SIZE, MOBILE_HEADER_ICON_SIZE } from '@/const/layoutTokens';
 import { useWorkspaceModal } from '@/hooks/useWorkspaceModal';
+import dynamic from '@/libs/next/dynamic';
 import { useChatStore } from '@/store/chat';
 import { useServerConfigStore } from '@/store/serverConfig';
 import { serverConfigSelectors } from '@/store/serverConfig/selectors';

package/src/app/[variants]/(main)/group/features/TelemetryNotification.tsx

@@ -4,7 +4,6 @@ import { BRANDING_NAME } from '@lobechat/business-const';
 import { Avatar, Button, Flexbox, Icon } from '@lobehub/ui';
 import { createStaticStyles, cssVar } from 'antd-style';
 import { LucideArrowUpRightFromSquare, TelescopeIcon } from 'lucide-react';
-import Link from 'next/link';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -56,10 +55,10 @@ const TelemetryNotification = memo<{ mobile?: boolean }>(({ mobile }) => {
           <div className={styles.desc}>
             {t('telemetry.desc', { appName: BRANDING_NAME })}
             <span>
-              <Link href={PRIVACY_URL} target={'_blank'}>
+              <a href={PRIVACY_URL} rel="noreferrer" target="_blank">
                 {t('telemetry.learnMore')}
                 <Icon icon={LucideArrowUpRightFromSquare} style={{ marginInlineStart: 4 }} />
-              </Link>
+              </a>
             </span>
           </div>
         </Flexbox>

package/src/app/[variants]/(main)/home/_layout/Body/Agent/AllAgentsDrawer/index.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { Flexbox, SearchBar } from '@lobehub/ui';
-import dynamic from 'next/dynamic';
+import dynamic from '@/libs/next/dynamic';
 import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';