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

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/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';
 

package/src/app/[variants]/(main)/hooks/useActiveTabKey.ts

@@ -1,21 +1,18 @@
-import { useLocation, useSearchParams } from 'react-router-dom';
-
 import { ProfileTabs, SettingsTabs, type SidebarTabKey } from '@/store/global/initialState';
+import { usePathname, useSearchParams } from '@/libs/router/navigation';
 
 /**
  * Returns the active tab key (chat/discover/settings/...)
- * React Router version for (main) directory
+ * Uses React Router via @/libs/router
  */
 export const useActiveTabKey = () => {
-  const location = useLocation();
-  const pathname = location.pathname;
-
+  const pathname = usePathname();
   return pathname.split('/').find(Boolean) as SidebarTabKey;
 };
 
 /**
  * Returns the active setting page key (?active=common/sync/agent/...)
- * React Router version for (main) directory
+ * Uses React Router via @/libs/router
  */
 export const useActiveSettingsKey = () => {
   const [searchParams] = useSearchParams();
@@ -26,12 +23,10 @@ export const useActiveSettingsKey = () => {
 
 /**
  * Returns the active profile page key (profile/security/stats/...)
- * React Router version for (main) directory
+ * Uses React Router via @/libs/router
  */
 export const useActiveProfileKey = () => {
-  const location = useLocation();
-  const pathname = location.pathname;
-
+  const pathname = usePathname();
   const tabs = pathname.split('/').findLast(Boolean);
 
   if (tabs === 'profile') return ProfileTabs.Profile;

package/src/app/[variants]/(main)/image/NotSupportClient.tsx

@@ -4,7 +4,6 @@ import { UTM_SOURCE } from '@lobechat/business-const';
 import { Center, Flexbox, Icon, Text } from '@lobehub/ui';
 import { createStaticStyles, cssVar } from 'antd-style';
 import { Database, FileImage, Network, Sparkles } from 'lucide-react';
-import Link from 'next/link';
 import { Trans, useTranslation } from 'react-i18next';
 
 import FeatureList from '@/components/FeatureList';
@@ -131,11 +130,13 @@ const NotSupportClient = () => {
           <Trans
             components={[
               <span key="0" />,
-              <Link href={DATABASE_SELF_HOSTING_URL} key="1" />,
+              <a href={DATABASE_SELF_HOSTING_URL} key="1" rel="noreferrer" target="_blank" />,
               <span key="2" />,
-              <Link
+              <a
                 href={`${OFFICIAL_URL}?utm_source=${UTM_SOURCE}&utm_medium=client_not_support_image`}
                 key="3"
+                rel="noreferrer"
+                target="_blank"
               />,
             ]}
             i18nKey={'notSupportGuide.desc'}

package/src/app/[variants]/(main)/image/_layout/ConfigPanel/components/ImageUpload.tsx

@@ -4,7 +4,7 @@ import { Center } from '@lobehub/ui';
 import { App } from 'antd';
 import { createStaticStyles, cssVar, cx } from 'antd-style';
 import { Image as ImageIcon, X } from 'lucide-react';
-import Image from 'next/image';
+import Image from '@/libs/next/Image';
 import React, { type FC, memo, useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 

package/src/app/[variants]/(main)/image/_layout/ConfigPanel/components/MultiImagesUpload/ImageManageModal.tsx

@@ -3,7 +3,7 @@
 import { Button, Modal } from '@lobehub/ui';
 import { createStaticStyles, cx } from 'antd-style';
 import { Upload, X } from 'lucide-react';
-import Image from 'next/image';
+import Image from '@/libs/next/Image';
 import React, { type FC, memo, useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 

package/src/app/[variants]/(main)/image/_layout/ConfigPanel/components/MultiImagesUpload/index.tsx

@@ -4,7 +4,7 @@
 import { Center } from '@lobehub/ui';
 import { createStaticStyles, cssVar, cx } from 'antd-style';
 import { Image as ImageIcon, X } from 'lucide-react';
-import Image from 'next/image';
+import Image from '@/libs/next/Image';
 import React, { type FC, memo, useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 

package/src/app/[variants]/(main)/memory/(home)/features/RoleTagCloud/index.tsx

@@ -1,7 +1,7 @@
 import { ActionIcon, Block } from '@lobehub/ui';
 import { createStaticStyles, cx } from 'antd-style';
 import { MaximizeIcon, MinimizeIcon } from 'lucide-react';
-import dynamic from 'next/dynamic';
+import dynamic from '@/libs/next/dynamic';
 import { memo, useEffect, useState } from 'react';
 
 import Loading from '@/components/Loading/BrandTextLoading';

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

@@ -9,7 +9,7 @@ import {
   SearchIcon,
   SignatureIcon,
 } 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)/memory/features/SourceLink.tsx

@@ -1,7 +1,7 @@
 import { Button, Icon, Text } from '@lobehub/ui';
 import { cssVar } from 'antd-style';
 import { Link2 } from 'lucide-react';
-import Link from 'next/link';
+import Link from '@/libs/router/Link';
 import { memo } from 'react';
 import { useNavigate } from 'react-router-dom';
 

package/src/app/[variants]/(main)/page/_layout/Body/AllPagesDrawer/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)/settings/about/features/ItemCard.tsx

@@ -1,7 +1,6 @@
 import { Block, Icon } from '@lobehub/ui';
 import { cssVar } from 'antd-style';
 import { type LucideIcon } from 'lucide-react';
-import Link from 'next/link';
 import { memo } from 'react';
 
 export interface ItemCardProps {
@@ -13,12 +12,12 @@ export interface ItemCardProps {
 
 const ItemCard = memo<ItemCardProps>(({ label, icon, href }) => {
   return (
-    <Link href={href} style={{ color: 'inherit' }} target={'_blank'}>
+    <a href={href} rel="noreferrer" style={{ color: 'inherit' }} target="_blank">
       <Block clickable gap={12} horizontal paddingBlock={12} paddingInline={18}>
         {icon && <Icon fill={cssVar.colorText} icon={icon} size={18} />}
         {label}
       </Block>
-    </Link>
+    </a>
   );
 });
 

package/src/app/[variants]/(main)/settings/about/features/ItemLink.tsx

@@ -1,7 +1,6 @@
 import { Flexbox, Icon } from '@lobehub/ui';
 import { cssVar } from 'antd-style';
 import { type LucideIcon, SquareArrowOutUpRight } from 'lucide-react';
-import Link from 'next/link';
 import { memo } from 'react';
 
 export interface ItemLinkProps {
@@ -13,12 +12,12 @@ export interface ItemLinkProps {
 
 const ItemLink = memo<ItemLinkProps>(({ label, href }) => {
   return (
-    <Link href={href} style={{ color: 'inherit' }} target={'_blank'}>
+    <a href={href} rel="noreferrer" style={{ color: 'inherit' }} target="_blank">
       <Flexbox align={'center'} gap={8} horizontal>
         {label}
         <Icon color={cssVar.colorTextDescription} icon={SquareArrowOutUpRight} size={14} />
       </Flexbox>
-    </Link>
+    </a>
   );
 });
 

package/src/app/[variants]/(main)/settings/about/features/Version.tsx

@@ -1,7 +1,6 @@
 import { BRANDING_NAME } from '@lobechat/business-const';
 import { Block, Button, Flexbox, Tag } from '@lobehub/ui';
 import { createStaticStyles } from 'antd-style';
-import Link from 'next/link';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -31,7 +30,7 @@ const Version = memo<{ mobile?: boolean }>(({ mobile }) => {
       width={'100%'}
     >
       <Flexbox align={'center'} flex={'none'} gap={16} horizontal>
-        <Link href={OFFICIAL_SITE} target={'_blank'}>
+        <a href={OFFICIAL_SITE} rel="noreferrer" target="_blank">
           <Block
             align={'center'}
             className={styles.logo}
@@ -42,7 +41,7 @@ const Version = memo<{ mobile?: boolean }>(({ mobile }) => {
           >
             <ProductLogo size={52} />
           </Block>
-        </Link>
+        </a>
         <Flexbox align={'flex-start'} gap={6}>
           <div style={{ fontSize: 18, fontWeight: 'bolder' }}>{BRANDING_NAME}</div>
           <Flexbox gap={6} horizontal={!mobile}>
@@ -56,15 +55,15 @@ const Version = memo<{ mobile?: boolean }>(({ mobile }) => {
         </Flexbox>
       </Flexbox>
       <Flexbox flex={mobile ? 1 : undefined} gap={8} horizontal>
-        <Link href={CHANGELOG_URL} style={{ flex: 1 }} target={'_blank'}>
+        <a href={CHANGELOG_URL} rel="noreferrer" style={{ flex: 1 }} target="_blank">
           <Button block={mobile}>{t('changelog')}</Button>
-        </Link>
+        </a>
         {hasNewVersion && (
-          <Link href={MANUAL_UPGRADE_URL} style={{ flex: 1 }} target={'_blank'}>
+          <a href={MANUAL_UPGRADE_URL} rel="noreferrer" style={{ flex: 1 }} target="_blank">
             <Button block={mobile} type={'primary'}>
               {t('upgradeVersion.action')}
             </Button>
-          </Link>
+          </a>
         )}
       </Flexbox>
     </Flexbox>

package/src/app/[variants]/(main)/settings/features/SettingsContent.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { ENABLE_BUSINESS_FEATURES } from '@lobechat/business-const';
-import dynamic from 'next/dynamic';
+import dynamic from '@/libs/next/dynamic';
 import { Fragment } from 'react';
 
 import Loading from '@/components/Loading/BrandTextLoading';

package/src/app/[variants]/(main)/settings/features/UpgradeAlert.tsx

@@ -1,7 +1,6 @@
 'use client';
 
 import { Alert, Button, Flexbox } from '@lobehub/ui';
-import Link from 'next/link';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -20,16 +19,17 @@ const UpgradeAlert = memo(() => {
       title={
         <Flexbox gap={8}>
           <p>{t('upgradeVersion.newVersion', { version: `v${latestVersion}` })}</p>
-          <Link
+          <a
             aria-label={t('upgradeVersion.action')}
             href={MANUAL_UPGRADE_URL}
+            rel="noreferrer"
             style={{ marginBottom: 6 }}
-            target={'_blank'}
+            target="_blank"
           >
             <Button block size={'small'} type={'primary'}>
               {t('upgradeVersion.action')}
             </Button>
-          </Link>
+          </a>
         </Flexbox>
       }
       type={'info'}

package/src/app/[variants]/(main)/settings/provider/(list)/Footer.tsx

@@ -2,7 +2,6 @@
 
 import { Center } from '@lobehub/ui';
 import { cssVar } from 'antd-style';
-import Link from 'next/link';
 import { memo } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 
@@ -24,10 +23,11 @@ const Footer = memo(() => {
         <Trans
           components={[
             <span key="0" />,
-            <Link
+            <a
               aria-label={t('llm.waitingForMoreLinkAriaLabel')}
               href={MORE_MODEL_PROVIDER_REQUEST_URL}
               key="1"
+              rel="noreferrer"
               target="_blank"
             />,
           ]}

package/src/app/[variants]/(main)/settings/provider/detail/index.tsx

@@ -1,4 +1,4 @@
-import dynamic from 'next/dynamic';
+import dynamic from '@/libs/next/dynamic';
 
 import Loading from '@/components/Loading/BrandTextLoading';
 

package/src/app/[variants]/(main)/settings/provider/detail/ollama/CheckError.tsx

@@ -1,6 +1,6 @@
 import { type ChatMessageError } from '@lobechat/types';
 import { Skeleton } from '@lobehub/ui';
-import dynamic from 'next/dynamic';
+import dynamic from '@/libs/next/dynamic';
 import { type ReactNode } from 'react';
 
 import Container from './Container';