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

package/src/app/(backend)/api/workflows/memory-user-memory/pipelines/chat-topic/process-users/route.ts

@@ -1,7 +1,8 @@
+import { Client } from '@upstash/qstash';
 import { serve } from '@upstash/workflow/nextjs';
 import { chunk } from 'es-toolkit/compat';
-import { Client } from '@upstash/qstash'
 
+import { parseMemoryExtractionConfig } from '@/server/globalConfig/parseMemoryExtractionConfig';
 import {
   MemoryExtractionExecutor,
   type MemoryExtractionPayloadInput,
@@ -9,82 +10,90 @@ import {
   buildWorkflowPayloadInput,
   normalizeMemoryExtractionPayload,
 } from '@/server/services/memory/userMemory/extract';
-import { parseMemoryExtractionConfig } from '@/server/globalConfig/parseMemoryExtractionConfig';
 
 const USER_PAGE_SIZE = 50;
 const USER_BATCH_SIZE = 10;
 
 const { upstashWorkflowExtraHeaders } = parseMemoryExtractionConfig();
 
-export const { POST } = serve<MemoryExtractionPayloadInput>(async (context) => {
-  const params = normalizeMemoryExtractionPayload(context.requestPayload || {});
-  if (params.sources.length === 0) {
-    return { message: 'No sources provided, skip memory extraction.' };
-  }
+export const { POST } = serve<MemoryExtractionPayloadInput>(
+  async (context) => {
+    const params = normalizeMemoryExtractionPayload(context.requestPayload || {});
+    if (params.sources.length === 0) {
+      return { message: 'No sources provided, skip memory extraction.' };
+    }
 
-  const executor = await MemoryExtractionExecutor.create();
+    const executor = await MemoryExtractionExecutor.create();
 
-  // NOTICE: Upstash Workflow only supports serializable data into plain JSON,
-  // this causes the Date object to be converted into string when passed as parameter from
-  // context to child workflow. So we need to convert it back to Date object here.
-  const userCursor = params.userCursor
-    ? { createdAt: new Date(params.userCursor.createdAt), id: params.userCursor.id }
-    : undefined;
+    // NOTICE: Upstash Workflow only supports serializable data into plain JSON,
+    // this causes the Date object to be converted into string when passed as parameter from
+    // context to child workflow. So we need to convert it back to Date object here.
+    const userCursor = params.userCursor
+      ? { createdAt: new Date(params.userCursor.createdAt), id: params.userCursor.id }
+      : undefined;
 
-  const userBatch = await context.run('memory:user-memory:extract:get-users', () =>
-    params.userIds.length > 0
-      ? { ids: params.userIds }
-      : executor.getUsers(USER_PAGE_SIZE, userCursor),
-  );
+    const userBatch = await context.run('memory:user-memory:extract:get-users', () =>
+      params.userIds.length > 0
+        ? { ids: params.userIds }
+        : executor.getUsers(USER_PAGE_SIZE, userCursor),
+    );
 
-  const ids = userBatch.ids;
-  if (ids.length === 0) {
-    return { message: 'No users to process for memory extraction.' };
-  }
+    const ids = userBatch.ids;
+    if (ids.length === 0) {
+      return { message: 'No users to process for memory extraction.' };
+    }
 
-  const cursor = 'cursor' in userBatch ? userBatch.cursor : undefined;
+    const cursor = 'cursor' in userBatch ? userBatch.cursor : undefined;
 
-  const batches = chunk(ids, USER_BATCH_SIZE);
-  await Promise.all(
-    batches.map((userIds) =>
-      context.run(`memory:user-memory:extract:users:process-topic-batches`, () =>
-        MemoryExtractionWorkflowService.triggerProcessUserTopics({
-          ...buildWorkflowPayloadInput(params),
-          topicCursor: undefined,
-          userId: userIds[0],
-          userIds,
-        }, { extraHeaders: upstashWorkflowExtraHeaders},),
+    const batches = chunk(ids, USER_BATCH_SIZE);
+    await Promise.all(
+      batches.map((userIds) =>
+        context.run(`memory:user-memory:extract:users:process-topic-batches`, () =>
+          MemoryExtractionWorkflowService.triggerProcessUserTopics(
+            {
+              ...buildWorkflowPayloadInput(params),
+              topicCursor: undefined,
+              userId: userIds[0],
+              userIds,
+            },
+            { extraHeaders: upstashWorkflowExtraHeaders },
+          ),
+        ),
       ),
-    ),
-  );
-
-  if (params.userIds.length === 0 && cursor) {
-    await context.run('memory:user-memory:extract:users:schedule-next-user-batch', () =>
-      MemoryExtractionWorkflowService.triggerProcessUsers({
-        ...buildWorkflowPayloadInput({
-          ...params,
-          userCursor: { createdAt: cursor.createdAt.toISOString(), id: cursor.id },
-        }),
-      }, { extraHeaders: upstashWorkflowExtraHeaders }),
     );
-  }
 
-  return {
-    batches: batches.length,
-    nextCursor: cursor ? cursor.id : null,
-    processedUsers: ids.length,
-  };
-}, {
-  // NOTICE(@nekomeowww): Here as scenarios like Vercel Deployment Protection,
-  // intermediate context.run(...) won't offer customizable headers like context.trigger(...) / client.trigger(...)
-  // for passing additional headers, we have to provide a custom QStash client with the required headers here.
-  //
-  // Refer to the doc for more details:
-  // https://upstash.com/docs/workflow/troubleshooting/vercel#step-2-pass-header-when-triggering
-  qstashClient: new Client({
-    headers: {
-      ...upstashWorkflowExtraHeaders,
-    },
-    token: process.env.QSTASH_TOKEN!
-  })
-});
+    if (params.userIds.length === 0 && cursor) {
+      await context.run('memory:user-memory:extract:users:schedule-next-user-batch', () =>
+        MemoryExtractionWorkflowService.triggerProcessUsers(
+          {
+            ...buildWorkflowPayloadInput({
+              ...params,
+              userCursor: { createdAt: cursor.createdAt.toISOString(), id: cursor.id },
+            }),
+          },
+          { extraHeaders: upstashWorkflowExtraHeaders },
+        ),
+      );
+    }
+
+    return {
+      batches: batches.length,
+      nextCursor: cursor ? cursor.id : null,
+      processedUsers: ids.length,
+    };
+  },
+  {
+    // NOTICE(@nekomeowww): Here as scenarios like Vercel Deployment Protection,
+    // intermediate context.run(...) won't offer customizable headers like context.trigger(...) / client.trigger(...)
+    // for passing additional headers, we have to provide a custom QStash client with the required headers here.
+    //
+    // Refer to the doc for more details:
+    // https://upstash.com/docs/workflow/troubleshooting/vercel#step-2-pass-header-when-triggering
+    qstashClient: new Client({
+      headers: {
+        ...upstashWorkflowExtraHeaders,
+      },
+      token: process.env.QSTASH_TOKEN!,
+    }),
+  },
+);

package/src/app/[variants]/(auth)/auth-error/page.tsx

@@ -2,7 +2,7 @@
 
 import { SiDiscord } from '@icons-pack/react-simple-icons';
 import { Alert, Button, Flexbox, Icon } from '@lobehub/ui';
-import Link from 'next/link';
+import Link from '@/libs/next/Link';
 import { parseAsString, useQueryState } from 'nuqs';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';

package/src/app/[variants]/(auth)/login/[[...login]]/page.tsx

@@ -1,6 +1,6 @@
 import { SignIn } from '@clerk/nextjs';
 import { BRANDING_NAME } from '@lobechat/business-const';
-import { notFound } from 'next/navigation';
+import { notFound } from '@/libs/next/navigation';
 
 import { enableClerk } from '@/envs/auth';
 import { metadataModule } from '@/server/metadata';

package/src/app/[variants]/(auth)/next-auth/error/AuthErrorPage.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { signIn } from 'next-auth/react';
-import { useSearchParams } from 'next/navigation';
+import { useSearchParams } from '@/libs/next/navigation';
 import { memo } from 'react';
 
 import ErrorCapture from '@/components/Error';

package/src/app/[variants]/(auth)/next-auth/signin/AuthSignInBox.tsx

@@ -8,7 +8,7 @@ import { Col, Flex, Row } from 'antd';
 import { createStaticStyles } from 'antd-style';
 import { AuthError } from 'next-auth';
 import { signIn } from 'next-auth/react';
-import { useRouter, useSearchParams } from 'next/navigation';
+import { useRouter, useSearchParams } from '@/libs/next/navigation';
 import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 

package/src/app/[variants]/(auth)/oauth/callback/error/page.tsx

@@ -2,7 +2,7 @@
 
 import { Button, Flexbox, FluentEmoji, Highlighter, Text } from '@lobehub/ui';
 import { Result } from 'antd';
-import Link from 'next/link';
+import Link from '@/libs/next/Link';
 import { parseAsString, useQueryState } from 'nuqs';
 import React, { memo } from 'react';
 import { useTranslation } from 'react-i18next';

package/src/app/[variants]/(auth)/oauth/callback/success/page.tsx

@@ -2,7 +2,7 @@
 
 import { FluentEmoji, Text } from '@lobehub/ui';
 import { Result } from 'antd';
-import { useSearchParams } from 'next/navigation';
+import { useSearchParams } from '@/libs/next/navigation';
 import React, { memo, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 

package/src/app/[variants]/(auth)/oauth/consent/[uid]/page.tsx

@@ -1,4 +1,4 @@
-import { notFound } from 'next/navigation';
+import { notFound } from '@/libs/next/navigation';
 
 import { authEnv } from '@/envs/auth';
 import { defaultClients } from '@/libs/oidc-provider/config';

package/src/app/[variants]/(auth)/reset-password/layout.tsx

@@ -1,4 +1,4 @@
-import { notFound } from 'next/navigation';
+import { notFound } from '@/libs/next/navigation';
 import { type PropsWithChildren } from 'react';
 
 import { enableBetterAuth } from '@/envs/auth';

package/src/app/[variants]/(auth)/reset-password/page.tsx

@@ -2,8 +2,8 @@
 
 import { Button } from '@lobehub/ui';
 import { ChevronLeftIcon } from 'lucide-react';
-import Link from 'next/link';
-import { useRouter, useSearchParams } from 'next/navigation';
+import Link from '@/libs/next/Link';
+import { useRouter, useSearchParams } from '@/libs/next/navigation';
 import { useTranslation } from 'react-i18next';
 
 import AuthCard from '../../../../features/AuthCard';

package/src/app/[variants]/(auth)/signin/layout.tsx

@@ -1,4 +1,4 @@
-import { notFound } from 'next/navigation';
+import { notFound } from '@/libs/next/navigation';
 import { type PropsWithChildren } from 'react';
 
 import { enableBetterAuth } from '@/envs/auth';

package/src/app/[variants]/(auth)/signin/useSignIn.ts

@@ -1,6 +1,6 @@
 import { ENABLE_BUSINESS_FEATURES } from '@lobechat/business-const';
 import { Form } from 'antd';
-import { useRouter, useSearchParams } from 'next/navigation';
+import { useRouter, useSearchParams } from '@/libs/next/navigation';
 import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 

package/src/app/[variants]/(auth)/signup/[[...signup]]/BetterAuthSignUpForm.tsx

@@ -3,8 +3,8 @@
 import { Button, Icon, Text } from '@lobehub/ui';
 import { Form, Input } from 'antd';
 import { Lock, Mail } from 'lucide-react';
-import Link from 'next/link';
-import { useSearchParams } from 'next/navigation';
+import Link from '@/libs/next/Link';
+import { useSearchParams } from '@/libs/next/navigation';
 import { useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 

package/src/app/[variants]/(auth)/signup/[[...signup]]/page.tsx

@@ -1,5 +1,5 @@
 import { SignUp } from '@clerk/nextjs';
-import { notFound } from 'next/navigation';
+import { notFound } from '@/libs/next/navigation';
 
 import { enableBetterAuth, enableClerk } from '@/envs/auth';
 import { metadataModule } from '@/server/metadata';

package/src/app/[variants]/(auth)/signup/[[...signup]]/useSignUp.tsx

@@ -1,6 +1,6 @@
 import { ENABLE_BUSINESS_FEATURES } from '@lobechat/business-const';
 import { form } from 'motion/react-m';
-import { useRouter, useSearchParams } from 'next/navigation';
+import { useRouter, useSearchParams } from '@/libs/next/navigation';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 

package/src/app/[variants]/(auth)/verify-email/layout.tsx

@@ -1,4 +1,4 @@
-import { notFound } from 'next/navigation';
+import { notFound } from '@/libs/next/navigation';
 import { type PropsWithChildren } from 'react';
 
 import { enableBetterAuth } from '@/envs/auth';

package/src/app/[variants]/(auth)/verify-email/page.tsx

@@ -2,8 +2,8 @@
 
 import { Button } from '@lobehub/ui';
 import { ChevronLeftIcon } from 'lucide-react';
-import Link from 'next/link';
-import { useSearchParams } from 'next/navigation';
+import Link from '@/libs/next/Link';
+import { useSearchParams } from '@/libs/next/navigation';
 import { useTranslation } from 'react-i18next';
 
 import AuthCard from '../../../../features/AuthCard';

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

@@ -3,7 +3,6 @@
 import { TITLE_BAR_HEIGHT } from '@lobechat/desktop-bridge';
 import { Flexbox } from '@lobehub/ui';
 import { cx } from 'antd-style';
-import dynamic from 'next/dynamic';
 import { type FC, Suspense, lazy } from 'react';
 import { HotkeysProvider } from 'react-hotkeys-hook';
 import { Outlet } from 'react-router-dom';
@@ -20,6 +19,7 @@ import { useFeedbackModal } from '@/hooks/useFeedbackModal';
 import { usePlatform } from '@/hooks/usePlatform';
 import { MarketAuthProvider } from '@/layout/AuthProvider/MarketAuth';
 import CmdkLazy from '@/layout/GlobalProvider/CmdkLazy';
+import dynamic from '@/libs/next/dynamic';
 import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
 import { HotkeyScopeEnum } from '@/types/hotkey';
 

package/src/app/[variants]/(main)/agent/_layout/Sidebar/Cron/CronTopicGroup.tsx

@@ -6,8 +6,8 @@ import { memo, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useParams } from 'react-router-dom';
 
-import { useRouter } from '@/app/[variants]/(main)/hooks/useRouter';
 import type { AgentCronJob } from '@/database/schemas/agentCronJob';
+import { useRouter } from '@/libs/router/navigation';
 
 import Actions from './Actions';
 import CronTopicItem from './CronTopicItem';

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>
   );