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

package/src/components/OllamaSetupGuide/index.tsx

@@ -2,7 +2,6 @@ import { ProviderCombine } from '@lobehub/icons';
 import { Flexbox, Highlighter, Snippet, Tabs } from '@lobehub/ui';
 import { Steps } from 'antd';
 import { createStaticStyles, cssVar } from 'antd-style';
-import Link from 'next/link';
 import { readableColor } from 'polished';
 import React, { memo, useMemo } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -48,7 +47,7 @@ const SetupGuide = memo(() => {
                       <Trans
                         components={[
                           <span key="0" />,
-                          <Link href={'https://ollama.com/download'} key="1" />,
+                          <a href={'https://ollama.com/download'} key="1" rel="noreferrer" target="_blank" />,
                         ]}
                         i18nKey={'OllamaSetupGuide.install.description'}
                         ns={'components'}
@@ -94,7 +93,7 @@ const SetupGuide = memo(() => {
                       <Trans
                         components={[
                           <span key="0" />,
-                          <Link href={'https://ollama.com/download'} key="1" />,
+                          <a href={'https://ollama.com/download'} key="1" rel="noreferrer" target="_blank" />,
                         ]}
                         i18nKey={'OllamaSetupGuide.install.description'}
                         ns={'components'}
@@ -139,9 +138,11 @@ const SetupGuide = memo(() => {
                           <Trans
                             components={[
                               <span key="0" />,
-                              <Link
+                              <a
                                 href={'https://github.com/ollama/ollama/blob/main/docs/linux.md'}
                                 key="1"
+                                rel="noreferrer"
+                                target="_blank"
                               />,
                             ]}
                             i18nKey={'OllamaSetupGuide.install.linux.manual'}

package/src/components/WebFavicon/index.tsx

@@ -1,4 +1,4 @@
-import Image from 'next/image';
+import Image from '@/libs/next/Image';
 
 interface WebFaviconProps {
   alt?: string;

package/src/components/client/ClientResponsiveContent/index.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { type Loader } from 'next/dist/shared/lib/dynamic';
-import dynamic from 'next/dynamic';
+import dynamic from '@/libs/next/dynamic';
 import { type FC, memo } from 'react';
 
 import MobileSwitchLoading from '@/features/MobileSwitchLoading';

package/src/components/client/ClientResponsiveLayout.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { type Loader } from 'next/dist/shared/lib/dynamic';
-import dynamic from 'next/dynamic';
+import dynamic from '@/libs/next/dynamic';
 import { type FC, type PropsWithChildren, memo } from 'react';
 
 import MobileSwitchLoading from '@/features/MobileSwitchLoading';

package/src/components/mdx/Image.tsx

@@ -1,7 +1,7 @@
 'use server';
 
 import { Image } from '@lobehub/ui/mdx';
-import Img from 'next/image';
+import Img from '@/libs/next/Image';
 import { getPlaiceholder } from 'plaiceholder';
 import { type FC } from 'react';
 

package/src/components/mdx/Link.tsx

@@ -1,20 +1,37 @@
 'use client';
 
-import Link, { type LinkProps } from 'next/link';
-import { type FC } from 'react';
+import { type AnchorHTMLAttributes, type FC } from 'react';
+import { Link } from 'react-router-dom';
 
 const EXTERNAL_HREF_REGEX = /https?:\/\//;
 
-const A: FC<LinkProps> = ({ href = '', ...props }) => {
+interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+  href?: string;
+}
+
+const A: FC<LinkProps> = ({ href = '', children, ...props }) => {
   const isOutbound = EXTERNAL_HREF_REGEX.test(href as string);
   const isOfficial = String(href).includes('lobechat') || String(href).includes('lobehub');
+
+  // External links use native <a> tag
+  if (isOutbound) {
+    return (
+      <a
+        href={href}
+        rel={isOfficial ? 'noreferrer' : 'nofollow noreferrer'}
+        target="_blank"
+        {...props}
+      >
+        {children}
+      </a>
+    );
+  }
+
+  // Internal links use React Router
   return (
-    <Link
-      href={href}
-      rel={isOutbound && !isOfficial ? 'nofollow' : undefined}
-      target={isOutbound ? '_blank' : undefined}
-      {...props}
-    />
+    <Link to={href} {...props}>
+      {children}
+    </Link>
   );
 };
 

package/src/features/AlertBanner/CloudBanner.tsx

@@ -5,7 +5,6 @@ import { Button, Center, Flexbox, Icon, lobeStaticStylish } from '@lobehub/ui';
 import { useSize } from 'ahooks';
 import { createStaticStyles, cx } from 'antd-style';
 import { ArrowRightIcon } from 'lucide-react';
-import Link from 'next/link';
 import { memo, useEffect, useRef, useState } from 'react';
 import Marquee from 'react-fast-marquee';
 import { useTranslation } from 'react-i18next';
@@ -83,11 +82,11 @@ const CloudBanner = memo<{ mobile?: boolean }>(({ mobile }) => {
       <div className={styles.background} />
       <Center className={styles.wrapper} gap={16} horizontal width={'100%'}>
         {isTruncated ? <Marquee pauseOnHover>{content}</Marquee> : content}
-        <Link href={`${OFFICIAL_URL}?utm_source=${UTM_SOURCE}&utm_medium=banner`} target={'_blank'}>
+        <a href={`${OFFICIAL_URL}?utm_source=${UTM_SOURCE}&utm_medium=banner`} rel="noreferrer" target="_blank">
           <Button size={'small'} type="primary">
             {t('alert.cloud.action')} <Icon icon={ArrowRightIcon} />
           </Button>
-        </Link>
+        </a>
       </Center>
     </Center>
   );

package/src/features/ChatInput/ActionBar/Model/ControlsForm.tsx

@@ -2,7 +2,6 @@ import { Form } from '@lobehub/ui';
 import type { FormItemProps } from '@lobehub/ui';
 import { Form as AntdForm, Grid, Switch } from 'antd';
 import isEqual from 'fast-deep-equal';
-import Link from 'next/link';
 import { memo } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 
@@ -62,12 +61,13 @@ const ControlsForm = memo(() => {
         <span style={isNarrow ? descNarrow : descWide}>
           <Trans i18nKey={'extendParams.disableContextCaching.desc'} ns={'chat'}>
             单条对话生成成本最高可降低 90%，响应速度提升 4 倍（
-            <Link
+            <a
               href={'https://www.anthropic.com/news/prompt-caching?utm_source=lobechat'}
-              rel={'nofollow'}
+              rel="noreferrer nofollow"
+              target="_blank"
             >
               了解更多
-            </Link>
+            </a>
             ）。开启后将自动禁用历史记录限制
           </Trans>
         </span>
@@ -83,14 +83,15 @@ const ControlsForm = memo(() => {
         <span style={isNarrow ? descNarrow : descWide}>
           <Trans i18nKey={'extendParams.enableReasoning.desc'} ns={'chat'}>
             基于 Claude Thinking 机制限制（
-            <Link
+            <a
               href={
                 'https://docs.anthropic.com/en/docs/build-with-claude/extended-thinking?utm_source=lobechat#why-thinking-blocks-must-be-preserved'
               }
-              rel={'nofollow'}
+              rel="noreferrer nofollow"
+              target="_blank"
             >
               了解更多
-            </Link>
+            </a>
             ），开启后将自动禁用历史消息数限制
           </Trans>
         </span>

package/src/features/ChatInput/ActionBar/Params/Controls.tsx

@@ -306,9 +306,7 @@ const Controls = memo<ControlsProps>(({ setUpdating }) => {
     ...(enableMaxTokens
       ? [
           {
-            children: (
-              <SliderWithInput max={32_000} min={0} step={100} unlimitedInput />
-            ),
+            children: <SliderWithInput max={32_000} min={0} step={100} unlimitedInput />,
             label: (
               <Flexbox align={'center'} className={styles.label} gap={8} horizontal>
                 {t('settingModel.maxTokens.title')}

package/src/features/ChatInput/ActionBar/Token/index.tsx

@@ -1,4 +1,4 @@
-import dynamic from 'next/dynamic';
+import dynamic from '@/libs/next/dynamic';
 import { type PropsWithChildren, memo } from 'react';
 
 import { useModelHasContextWindowToken } from '@/hooks/useModelHasContextWindowToken';

package/src/features/ChatInput/Mobile/index.tsx

@@ -3,7 +3,7 @@
 import { ChatInput, ChatInputActionBar } from '@lobehub/editor/react';
 import { Flexbox } from '@lobehub/ui';
 import { createStaticStyles, cssVar, cx } from 'antd-style';
-import dynamic from 'next/dynamic';
+import dynamic from '@/libs/next/dynamic';
 import { memo } from 'react';
 
 import { useChatInputStore } from '@/features/ChatInput/store';

package/src/features/Conversation/ChatItem/components/MessageContent/index.tsx

@@ -1,6 +1,6 @@
 import { Flexbox } from '@lobehub/ui';
 import { createStaticStyles, cx } from 'antd-style';
-import dynamic from 'next/dynamic';
+import dynamic from '@/libs/next/dynamic';
 import { type ReactNode, Suspense, memo, useCallback } from 'react';
 
 import { useConversationStore } from '@/features/Conversation/store';

package/src/features/Conversation/Error/OllamaBizError/index.tsx

@@ -1,6 +1,6 @@
 import { type ChatMessageError } from '@lobechat/types';
 import { type AlertProps, Skeleton } from '@lobehub/ui';
-import dynamic from 'next/dynamic';
+import dynamic from '@/libs/next/dynamic';
 import { memo } from 'react';
 
 import ErrorContent from '@/features/Conversation/ChatItem/components/ErrorContent';

package/src/features/Conversation/Error/OllamaSetupGuide/Desktop.tsx

@@ -1,6 +1,5 @@
 import { Ollama } from '@lobehub/icons';
 import { Button } from '@lobehub/ui';
-import Link from 'next/link';
 import { memo } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 
@@ -29,7 +28,7 @@ const OllamaDesktopSetupGuide = memo<{ id?: string }>(({ id }) => {
       avatar={<Ollama.Avatar shape={'square'} size={40} />}
       desc={
         <Trans
-          components={[<span key="0" />, <Link href={'https://ollama.com/download'} key="1" />]}
+          components={[<span key="0" />, <a href={'https://ollama.com/download'} key="1" rel="noreferrer" target="_blank" />]}
           i18nKey={'OllamaSetupGuide.install.description'}
           ns={'components'}
         />

package/src/features/Conversation/Error/index.tsx

@@ -3,7 +3,7 @@ import { AgentRuntimeErrorType, type ILobeAgentRuntimeErrorType } from '@lobecha
 import { ChatErrorType, type ChatMessageError, type ErrorType } from '@lobechat/types';
 import { type IPluginErrorType } from '@lobehub/chat-plugin-sdk';
 import { type AlertProps, Block, Highlighter, Skeleton } from '@lobehub/ui';
-import dynamic from 'next/dynamic';
+import dynamic from '@/libs/next/dynamic';
 import { memo, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 

package/src/features/Conversation/Messages/AssistantGroup/Tool/Actions/Settings.tsx

@@ -1,6 +1,6 @@
 import { ActionIcon, createRawModal } from '@lobehub/ui';
 import { LucideSettings } from 'lucide-react';
-import dynamic from 'next/dynamic';
+import dynamic from '@/libs/next/dynamic';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 

package/src/features/Conversation/Messages/AssistantGroup/Tool/index.tsx

@@ -2,9 +2,9 @@ import { LOADING_FLAT } from '@lobechat/const';
 import { type ChatToolResult, type ToolIntervention } from '@lobechat/types';
 import { AccordionItem, Flexbox, Skeleton } from '@lobehub/ui';
 import { Divider } from 'antd';
-import dynamic from 'next/dynamic';
 import { memo, useEffect, useState } from 'react';
 
+import dynamic from '@/libs/next/dynamic';
 import { useChatStore } from '@/store/chat';
 import { operationSelectors } from '@/store/chat/slices/operation/selectors';
 import { useToolStore } from '@/store/tool';

package/src/features/Conversation/Messages/AssistantGroup/index.tsx

@@ -2,7 +2,7 @@
 
 import type { AssistantContentBlock } from '@lobechat/types';
 import isEqual from 'fast-deep-equal';
-import dynamic from 'next/dynamic';
+import dynamic from '@/libs/next/dynamic';
 import { type MouseEventHandler, Suspense, memo, useCallback, useMemo } from 'react';
 
 import { MESSAGE_ACTION_BAR_PORTAL_ATTRIBUTES } from '@/const/messageActionPortal';

package/src/features/Conversation/Messages/Tool/Tool/index.tsx

@@ -1,8 +1,8 @@
 import { Accordion, AccordionItem, Flexbox, Skeleton } from '@lobehub/ui';
-import dynamic from 'next/dynamic';
 import { type CSSProperties, memo, useState } from 'react';
 
 import Actions from '@/features/Conversation/Messages/AssistantGroup/Tool/Actions';
+import dynamic from '@/libs/next/dynamic';
 
 import { dataSelectors, messageStateSelectors, useConversationStore } from '../../../store';
 import Inspectors from '../../AssistantGroup/Tool/Inspector';

package/src/features/Conversation/Messages/components/SearchGrounding.tsx

@@ -2,7 +2,7 @@ import { Flexbox, Icon, SearchResultCards, Tag } from '@lobehub/ui';
 import { createStaticStyles, cssVar, cx } from 'antd-style';
 import { ChevronDown, ChevronRight, Globe } from 'lucide-react';
 import { AnimatePresence, m as motion } from 'motion/react';
-import Image from 'next/image';
+import Image from '@/libs/next/Image';
 import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 

package/src/features/DataImporter/Error.tsx

@@ -1,7 +1,6 @@
 import { Alert, Button, Flexbox, Highlighter, Icon } from '@lobehub/ui';
 import { Result } from 'antd';
 import { ShieldAlert } from 'lucide-react';
-import Link from 'next/link';
 import React, { memo } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import Balancer from 'react-wrap-balancer';
@@ -41,17 +40,18 @@ const Error = memo<ErrorProps>(({ error, onClick }) => {
         <Balancer>
           <Trans i18nKey="importModal.error.desc" ns={'common'}>
             非常抱歉，数据库升级过程发生异常。请重试升级，或
-            <Link
+            <a
               aria-label={'issue'}
               href={GITHUB_ISSUES}
               onClick={(e) => {
                 e.preventDefault();
                 githubService.submitImportError(error!);
               }}
+              rel="noreferrer"
               target="_blank"
             >
               提交问题
-            </Link>
+            </a>
             我们将会第一时间帮你排查问题。
           </Trans>
         </Balancer>

package/src/features/DevPanel/CacheViewer/cacheProvider.tsx

@@ -1,6 +1,5 @@
 'use client';
 
-import { usePathname } from 'next/navigation';
 import {
   type PropsWithChildren,
   createContext,
@@ -10,6 +9,8 @@ import {
   useTransition,
 } from 'react';
 
+import { usePathname } from '@/libs/router/navigation';
+
 import { getCacheFiles } from './getCacheEntries';
 import type { NextCacheFileData } from './schema';
 

package/src/features/DevPanel/MetadataViewer/Og.tsx

@@ -1,5 +1,5 @@
 import { Flexbox, Form, Input, TextArea } from '@lobehub/ui';
-import Image from 'next/image';
+import Image from '@/libs/next/Image';
 import { memo } from 'react';
 
 import { useHead } from './useHead';

package/src/features/DevPanel/features/FloatPanel.tsx

@@ -5,11 +5,11 @@ import { ActionIcon, Flexbox, FluentEmoji, Icon, SideNav } from '@lobehub/ui';
 import { FloatButton } from 'antd';
 import { createStaticStyles, cssVar, cx } from 'antd-style';
 import { BugIcon, BugOff, XIcon } from 'lucide-react';
-import { usePathname } from 'next/navigation';
 import { type ReactNode, memo, useEffect, useState } from 'react';
 import { Rnd } from 'react-rnd';
 
 import { isDesktop } from '@/const/version';
+import { usePathname } from '@/libs/next/navigation';
 
 // 定义样式
 const styles = createStaticStyles(({ css }) => {

package/src/features/DevPanel/features/Table/TooltipContent.tsx

@@ -1,6 +1,5 @@
 import { Flexbox, Highlighter } from '@lobehub/ui';
-import Image from 'next/image';
-import Link from 'next/link';
+import Image from '@/libs/next/Image';
 import { type ReactNode, memo } from 'react';
 
 const TooltipContent = memo<{ children: ReactNode }>(({ children }) => {
@@ -19,9 +18,9 @@ const TooltipContent = memo<{ children: ReactNode }>(({ children }) => {
 
   if (children.startsWith('http'))
     return (
-      <Link href={children} target={'_blank'}>
+      <a href={children} rel="noreferrer" target="_blank">
         {children}
-      </Link>
+      </a>
     );
 
   const code = children.trim().trimEnd();

package/src/features/DevPanel/index.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { BookText, Cog, FlagIcon, GlobeLockIcon } from 'lucide-react';
-import dynamic from 'next/dynamic';
+import dynamic from '@/libs/next/dynamic';
 
 import CacheViewer from './CacheViewer';
 import FeatureFlagViewer from './FeatureFlagViewer';

package/src/features/EditorCanvas/InlineToolbar.tsx

@@ -1,11 +1,6 @@
 'use client';
 
-import {
-  HotkeyEnum,
-  INSERT_HEADING_COMMAND,
-  getHotkeyById,
-  type IEditor,
-} from '@lobehub/editor';
+import { HotkeyEnum, type IEditor, INSERT_HEADING_COMMAND, getHotkeyById } from '@lobehub/editor';
 import {
   ChatInputActions,
   type ChatInputActionsProps,

package/src/features/FileViewer/NotSupport/index.tsx

@@ -1,6 +1,5 @@
 import { Button, Center, Flexbox, FluentEmoji } from '@lobehub/ui';
 import { createStaticStyles } from 'antd-style';
-import Link from 'next/link';
 import { type CSSProperties, type ComponentType, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 
@@ -37,9 +36,9 @@ const NotSupport: ComponentType<NotSupportProps> = ({ fileName, url, style }) =>
           <Flexbox style={{ textAlign: 'center' }}>
             <Trans i18nKey="preview.unsupportedFileAndContact" ns={'file'}>
               此文件格式暂不支持在线预览，如有预览诉求，欢迎
-              <Link aria-label={'todo'} href={MORE_FILE_PREVIEW_REQUEST_URL} target="_blank">
+              <a aria-label={'todo'} href={MORE_FILE_PREVIEW_REQUEST_URL} rel="noreferrer" target="_blank">
                 反馈给我们
-              </Link>
+              </a>
             </Trans>
           </Flexbox>
           {url && (

package/src/features/Follow/index.tsx

@@ -4,7 +4,6 @@ import { SiDiscord, SiGithub, SiMedium, SiX } from '@icons-pack/react-simple-ico
 import { SOCIAL_URL } from '@lobechat/business-const';
 import { ActionIcon, Flexbox } from '@lobehub/ui';
 import { createStaticStyles, cssVar } from 'antd-style';
-import Link from 'next/link';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -30,30 +29,30 @@ const Follow = memo(() => {
   const { t } = useTranslation('common');
   return (
     <Flexbox gap={8} horizontal>
-      <Link href={GITHUB} rel="noreferrer" target={'_blank'}>
+      <a href={GITHUB} rel="noreferrer" target="_blank">
         <ActionIcon
           className={styles.icon}
           icon={SiGithub as any}
           title={t('follow', { name: 'GitHub' })}
         />
-      </Link>
-      <Link href={SOCIAL_URL.x} rel="noreferrer" target={'_blank'}>
+      </a>
+      <a href={SOCIAL_URL.x} rel="noreferrer" target="_blank">
         <ActionIcon className={styles.icon} icon={SiX as any} title={t('follow', { name: 'X' })} />
-      </Link>
-      <Link href={SOCIAL_URL.discord} rel="noreferrer" target={'_blank'}>
+      </a>
+      <a href={SOCIAL_URL.discord} rel="noreferrer" target="_blank">
         <ActionIcon
           className={styles.icon}
           icon={SiDiscord as any}
           title={t('follow', { name: 'Discord' })}
         />
-      </Link>
-      <Link href={SOCIAL_URL.medium} rel="noreferrer" target={'_blank'}>
+      </a>
+      <a href={SOCIAL_URL.medium} rel="noreferrer" target="_blank">
         <ActionIcon
           className={styles.icon}
           icon={SiMedium as any}
           title={t('follow', { name: 'Medium' })}
         />
-      </Link>
+      </a>
     </Flexbox>
   );
 });

package/src/features/LibraryModal/AddFilesToKnowledgeBase/SelectForm.tsx

@@ -1,8 +1,8 @@
 import { Block, Button, Flexbox, Form, MaterialFileTypeIcon, Select } from '@lobehub/ui';
 import { App } from 'antd';
-import Link from 'next/link';
 import { memo, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { Link } from 'react-router-dom';
 
 import RepoIcon from '@/components/LibIcon';
 import { useKnowledgeBaseStore } from '@/store/library';
@@ -34,7 +34,7 @@ const SelectForm = memo<CreateFormProps>(({ onClose, knowledgeBaseId, fileIds })
           <Trans
             components={[
               <span key="0" />,
-              <Link href={`/knowledge/library/${values.id}`} key="1" />,
+              <Link key="1" to={`/knowledge/library/${values.id}`} />,
             ]}
             i18nKey={'addToKnowledgeBase.addSuccess'}
             ns={'knowledgeBase'}