Loading...
;
+ // }
+
+ return (
+
+
+ );
+};
+
+export default FallbackComponent;
diff --git a/web/src/components/file-icon/index.less b/web/src/components/file-icon/index.module.less
similarity index 100%
rename from web/src/components/file-icon/index.less
rename to web/src/components/file-icon/index.module.less
diff --git a/web/src/components/file-icon/index.tsx b/web/src/components/file-icon/index.tsx
index 207af0563..e2f549fe7 100644
--- a/web/src/components/file-icon/index.tsx
+++ b/web/src/components/file-icon/index.tsx
@@ -3,7 +3,7 @@ import SvgIcon from '../svg-icon';
import { useFetchDocumentThumbnailsByIds } from '@/hooks/use-document-request';
import { useEffect } from 'react';
-import styles from './index.less';
+import styles from './index.module.less';
interface IProps {
name: string;
diff --git a/web/src/components/file-upload.tsx b/web/src/components/file-upload.tsx
index 78957b49d..f31d7b776 100644
--- a/web/src/components/file-upload.tsx
+++ b/web/src/components/file-upload.tsx
@@ -287,11 +287,10 @@ function useFileUploadContext(consumerName: string) {
return context;
}
-interface FileUploadRootProps
- extends Omit<
- React.ComponentPropsWithoutRef<'div'>,
- 'defaultValue' | 'onChange'
- > {
+interface FileUploadRootProps extends Omit<
+ React.ComponentPropsWithoutRef<'div'>,
+ 'defaultValue' | 'onChange'
+> {
value?: File[];
defaultValue?: File[];
onValueChange?: (files: File[]) => void;
@@ -639,8 +638,7 @@ function FileUploadRoot(props: FileUploadRootProps) {
);
}
-interface FileUploadDropzoneProps
- extends React.ComponentPropsWithoutRef<'div'> {
+interface FileUploadDropzoneProps extends React.ComponentPropsWithoutRef<'div'> {
asChild?: boolean;
}
@@ -836,8 +834,7 @@ function FileUploadDropzone(props: FileUploadDropzoneProps) {
);
}
-interface FileUploadTriggerProps
- extends React.ComponentPropsWithoutRef<'button'> {
+interface FileUploadTriggerProps extends React.ComponentPropsWithoutRef<'button'> {
asChild?: boolean;
}
@@ -1069,8 +1066,7 @@ function getFileIcon(file: File) {
return {t('error_boundary.title', 'Something went wrong')}
++ {t( + 'error_boundary.description', + 'Sorry, an error occurred while loading the page.', + )} +
+ {error && ( +
+
+ )}
+ {t('error_boundary.details', 'Error details')}
+ {error.toString()} +
+
+ {reset && (
+
+ )}
+
+
diff --git a/web/src/components/pdf-previewer/index.less b/web/src/components/pdf-previewer/index.module.less
similarity index 100%
rename from web/src/components/pdf-previewer/index.less
rename to web/src/components/pdf-previewer/index.module.less
diff --git a/web/src/components/pdf-previewer/index.tsx b/web/src/components/pdf-previewer/index.tsx
index 349d4b67c..d5d2bf804 100644
--- a/web/src/components/pdf-previewer/index.tsx
+++ b/web/src/components/pdf-previewer/index.tsx
@@ -17,7 +17,7 @@ import {
useGetChunkHighlights,
useGetDocumentUrl,
} from '@/hooks/use-document-request';
-import styles from './index.less';
+import styles from './index.module.less';
interface IProps {
chunk: IChunk | IReferenceChunk;
diff --git a/web/src/components/ragflow-form.tsx b/web/src/components/ragflow-form.tsx
index e1e3b832a..758038bfd 100644
--- a/web/src/components/ragflow-form.tsx
+++ b/web/src/components/ragflow-form.tsx
@@ -61,8 +61,8 @@ export function RAGFlowFormItem({
)}
diff --git a/web/src/components/svg-icon.tsx b/web/src/components/svg-icon.tsx
index 756336621..b93d4a01b 100644
--- a/web/src/components/svg-icon.tsx
+++ b/web/src/components/svg-icon.tsx
@@ -4,26 +4,39 @@ import Icon, { UserOutlined } from '@ant-design/icons';
import { IconComponentProps } from '@ant-design/icons/lib/components/Icon';
import { Avatar } from 'antd';
import { AvatarSize } from 'antd/es/avatar/AvatarContext';
-import { useMemo } from 'react';
+import { memo, useMemo } from 'react';
import { IconFontFill } from './icon-font';
import { useIsDarkTheme } from './theme-provider';
-const importAll = (requireContext: __WebpackModuleApi.RequireContext) => {
- const list = requireContext.keys().map((key) => {
- const name = key.replace(/\.\/(.*)\.\w+$/, '$1');
- return { name, value: requireContext(key) };
- });
- return list;
-};
+// const importAll = (requireContext: __WebpackModuleApi.RequireContext) => {
+// const list = requireContext.keys().map((key) => {
+// const name = key.replace(/\.\/(.*)\.\w+$/, '$1');
+// return { name, value: requireContext(key) };
+// });
+// return list;
+// };
-let routeList: { name: string; value: string }[] = [];
+// let routeList: { name: string; value: string }[] = [];
-try {
- routeList = importAll(require.context('@/assets/svg', true, /\.svg$/));
-} catch (error) {
- console.warn(error);
- routeList = [];
-}
+// try {
+// routeList = importAll(require.context('@/assets/svg', true, /\.svg$/));
+// } catch (error) {
+// console.warn(error);
+// routeList = [];
+// }
+
+const svgModules = import.meta.glob('@/assets/svg/**/*.svg', {
+ eager: true,
+ query: '?url',
+});
+
+const routeList: { name: string; value: string }[] = Object.entries(
+ svgModules,
+).map(([path, module]) => {
+ const name = path.replace(/^.*\/assets\/svg\//, '').replace(/\.[^/.]+$/, '');
+ // @ts-ignore
+ return { name, value: module.default || module };
+});
interface IProps extends IconComponentProps {
name: string;
@@ -32,23 +45,25 @@ interface IProps extends IconComponentProps {
imgClass?: string;
}
-const SvgIcon = ({ name, width, height, imgClass, ...restProps }: IProps) => {
- const ListItem = routeList.find((item) => item.name === name);
- return (
- (
- 
- )}
- {...(restProps as any)}
- />
- );
-};
+const SvgIcon = memo(
+ ({ name, width, height, imgClass, ...restProps }: IProps) => {
+ const ListItem = routeList.find((item) => item.name === name);
+ return (
+ (
+
+ )}
+ {...(restProps as any)}
+ />
+ );
+ },
+);
export const LlmIcon = ({
name,
diff --git a/web/src/components/ui/segmented.tsx b/web/src/components/ui/segmented.tsx
index c63cd6916..ffe5d27f2 100644
--- a/web/src/components/ui/segmented.tsx
+++ b/web/src/components/ui/segmented.tsx
@@ -40,8 +40,10 @@ const segmentedVariants = {
xl: 'px-6 py-2',
},
};
-export interface SegmentedProps
- extends Omit, 'onChange'> {
+export interface SegmentedProps extends Omit<
+ React.HTMLProps,
+ 'onChange'
+> {
options: SegmentedOptions;
defaultValue?: SegmentedValue;
value?: SegmentedValue;
diff --git a/web/src/hooks/auth-hooks.ts b/web/src/hooks/auth-hooks.ts
index 760718652..6acfbcb79 100644
--- a/web/src/hooks/auth-hooks.ts
+++ b/web/src/hooks/auth-hooks.ts
@@ -1,7 +1,7 @@
import message from '@/components/ui/message';
import authorizationUtil from '@/utils/authorization-util';
import { useEffect, useMemo, useState } from 'react';
-import { useNavigate, useSearchParams } from 'umi';
+import { useNavigate, useSearchParams } from 'react-router';
export const useOAuthCallback = () => {
const [currentQueryParameters, setSearchParams] = useSearchParams();
diff --git a/web/src/hooks/common-hooks.tsx b/web/src/hooks/common-hooks.tsx
index e7f090865..3b8625b3f 100644
--- a/web/src/hooks/common-hooks.tsx
+++ b/web/src/hooks/common-hooks.tsx
@@ -60,7 +60,9 @@ export function useDynamicSVGImport(
setLoading(true);
const importIcon = async (): Promise => {
try {
- ImportedIconRef.current = (await import(name)).ReactComponent;
+ ImportedIconRef.current = (
+ await import(/* @vite-ignore */ name)
+ ).ReactComponent;
onCompleted?.(name, ImportedIconRef.current);
} catch (err: any) {
onError?.(err);
diff --git a/web/src/hooks/logic-hooks/navigate-hooks.ts b/web/src/hooks/logic-hooks/navigate-hooks.ts
index 3fd62b689..b3d3ca206 100644
--- a/web/src/hooks/logic-hooks/navigate-hooks.ts
+++ b/web/src/hooks/logic-hooks/navigate-hooks.ts
@@ -2,7 +2,7 @@ import { AgentCategory, AgentQuery } from '@/constants/agent';
import { NavigateToDataflowResultProps } from '@/pages/dataflow-result/interface';
import { Routes } from '@/routes';
import { useCallback } from 'react';
-import { useNavigate, useParams, useSearchParams } from 'umi';
+import { useNavigate, useParams, useSearchParams } from 'react-router';
export enum QueryStringMap {
KnowledgeId = 'knowledgeId',
diff --git a/web/src/hooks/route-hook.ts b/web/src/hooks/route-hook.ts
index baa5b23d9..1962e5385 100644
--- a/web/src/hooks/route-hook.ts
+++ b/web/src/hooks/route-hook.ts
@@ -3,7 +3,7 @@ import {
KnowledgeSearchParams,
} from '@/constants/knowledge';
import { useCallback } from 'react';
-import { useLocation, useNavigate, useSearchParams } from 'umi';
+import { useLocation, useNavigate, useSearchParams } from 'react-router';
export enum SegmentIndex {
Second = '2',
diff --git a/web/src/hooks/use-agent-request.ts b/web/src/hooks/use-agent-request.ts
index 810cf4073..b15b032e9 100644
--- a/web/src/hooks/use-agent-request.ts
+++ b/web/src/hooks/use-agent-request.ts
@@ -31,7 +31,7 @@ import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
import { useDebounce } from 'ahooks';
import { get, set } from 'lodash';
import { useCallback, useState } from 'react';
-import { useParams, useSearchParams } from 'umi';
+import { useParams, useSearchParams } from 'react-router';
import {
useGetPaginationWithRouter,
useHandleSearchChange,
diff --git a/web/src/hooks/use-chat-request.ts b/web/src/hooks/use-chat-request.ts
index 7cbd087eb..533205a85 100644
--- a/web/src/hooks/use-chat-request.ts
+++ b/web/src/hooks/use-chat-request.ts
@@ -22,7 +22,7 @@ import { useDebounce } from 'ahooks';
import { has } from 'lodash';
import { useCallback, useRef } from 'react';
import { useTranslation } from 'react-i18next';
-import { useParams, useSearchParams } from 'umi';
+import { useParams, useSearchParams } from 'react-router';
import {
useGetPaginationWithRouter,
useHandleSearchChange,
diff --git a/web/src/hooks/use-dataflow-request.ts b/web/src/hooks/use-dataflow-request.ts
index c6f8a57f1..b62804710 100644
--- a/web/src/hooks/use-dataflow-request.ts
+++ b/web/src/hooks/use-dataflow-request.ts
@@ -3,7 +3,7 @@ import { IFlow } from '@/interfaces/database/agent';
import dataflowService from '@/services/dataflow-service';
import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
import { useTranslation } from 'react-i18next';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
export const enum DataflowApiAction {
ListDataflow = 'listDataflow',
diff --git a/web/src/hooks/use-document-request.ts b/web/src/hooks/use-document-request.ts
index 7a7fd4423..709dd20d4 100644
--- a/web/src/hooks/use-document-request.ts
+++ b/web/src/hooks/use-document-request.ts
@@ -23,7 +23,7 @@ import { useDebounce } from 'ahooks';
import { get } from 'lodash';
import { useCallback, useMemo, useState } from 'react';
import { IHighlight } from 'react-pdf-highlighter';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
import {
useGetPaginationWithRouter,
useHandleSearchChange,
diff --git a/web/src/hooks/use-file-request.ts b/web/src/hooks/use-file-request.ts
index b8e22ca3c..c57f84731 100644
--- a/web/src/hooks/use-file-request.ts
+++ b/web/src/hooks/use-file-request.ts
@@ -11,7 +11,7 @@ import { useDebounce } from 'ahooks';
import { PaginationProps } from 'antd';
import { useCallback } from 'react';
import { useTranslation } from 'react-i18next';
-import { useSearchParams } from 'umi';
+import { useSearchParams } from 'react-router';
import {
useGetPaginationWithRouter,
useHandleSearchChange,
diff --git a/web/src/hooks/use-knowledge-request.ts b/web/src/hooks/use-knowledge-request.ts
index 7a89ef525..605e26ced 100644
--- a/web/src/hooks/use-knowledge-request.ts
+++ b/web/src/hooks/use-knowledge-request.ts
@@ -28,7 +28,7 @@ import {
} from '@tanstack/react-query';
import { useDebounce } from 'ahooks';
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { useParams, useSearchParams } from 'umi';
+import { useParams, useSearchParams } from 'react-router';
import {
useGetPaginationWithRouter,
useHandleSearchChange,
diff --git a/web/src/hooks/use-user-setting-request.tsx b/web/src/hooks/use-user-setting-request.tsx
index e7e188705..c0a048d1a 100644
--- a/web/src/hooks/use-user-setting-request.tsx
+++ b/web/src/hooks/use-user-setting-request.tsx
@@ -18,13 +18,13 @@ import userService, {
listTenant,
listTenantUser,
} from '@/services/user-service';
+import { history } from '@/utils/simple-history-util';
import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
import { Modal } from 'antd';
import DOMPurify from 'dompurify';
import { isEmpty } from 'lodash';
import { useCallback, useMemo, useState } from 'react';
import { useTranslation } from 'react-i18next';
-import { history } from 'umi';
export const enum UserSettingApiAction {
UserInfo = 'userInfo',
diff --git a/web/src/layouts/components/header/index.less b/web/src/layouts/components/header/index.module.less
similarity index 100%
rename from web/src/layouts/components/header/index.less
rename to web/src/layouts/components/header/index.module.less
diff --git a/web/src/layouts/components/header/index.tsx b/web/src/layouts/components/header/index.tsx
index ffecfb770..a153320e1 100644
--- a/web/src/layouts/components/header/index.tsx
+++ b/web/src/layouts/components/header/index.tsx
@@ -1,17 +1,17 @@
-import { ReactComponent as FileIcon } from '@/assets/svg/file-management.svg';
-import { ReactComponent as GraphIcon } from '@/assets/svg/graph.svg';
-import { ReactComponent as KnowledgeBaseIcon } from '@/assets/svg/knowledge-base.svg';
+import FileIcon from '@/assets/svg/file-management.svg';
+import GraphIcon from '@/assets/svg/graph.svg';
+import KnowledgeBaseIcon from '@/assets/svg/knowledge-base.svg';
import { useTranslate } from '@/hooks/common-hooks';
import { useFetchAppConf } from '@/hooks/logic-hooks';
import { useNavigateWithFromState } from '@/hooks/route-hook';
import { MessageOutlined, SearchOutlined } from '@ant-design/icons';
import { Flex, Layout, Radio, Space, theme } from 'antd';
import { MouseEventHandler, useCallback, useMemo } from 'react';
-import { useLocation } from 'umi';
+import { useLocation } from 'react-router';
import Toolbar from '../right-toolbar';
import { useTheme } from '@/components/theme-provider';
-import styles from './index.less';
+import styles from './index.module.less';
const { Header } = Layout;
diff --git a/web/src/layouts/components/right-toolbar/index.tsx b/web/src/layouts/components/right-toolbar/index.tsx
index 3a2e0af56..edd6ebb66 100644
--- a/web/src/layouts/components/right-toolbar/index.tsx
+++ b/web/src/layouts/components/right-toolbar/index.tsx
@@ -14,7 +14,7 @@ import {
} from '@/hooks/use-user-setting-request';
import { TenantRole } from '@/pages/user-setting/constants';
import { BellRing, CircleHelp, MoonIcon, SunIcon } from 'lucide-react';
-import { useNavigate } from 'umi';
+import { useNavigate } from 'react-router';
import styled from './index.less';
const Circle = ({ children, ...restProps }: React.PropsWithChildren) => {
diff --git a/web/src/layouts/components/user/index.tsx b/web/src/layouts/components/user/index.tsx
index a5537f6a2..362120400 100644
--- a/web/src/layouts/components/user/index.tsx
+++ b/web/src/layouts/components/user/index.tsx
@@ -1,9 +1,9 @@
import { useFetchUserInfo } from '@/hooks/use-user-setting-request';
+import { history } from '@/utils/simple-history-util';
import { Avatar } from 'antd';
import React from 'react';
-import { history } from 'umi';
-import styles from '../../index.less';
+import styles from '../../index.module.less';
const App: React.FC = () => {
const { data: userInfo } = useFetchUserInfo();
diff --git a/web/src/layouts/index.less b/web/src/layouts/index.module.less
similarity index 100%
rename from web/src/layouts/index.less
rename to web/src/layouts/index.module.less
diff --git a/web/src/layouts/index.tsx b/web/src/layouts/index.tsx
index a186cb537..b2f44453d 100644
--- a/web/src/layouts/index.tsx
+++ b/web/src/layouts/index.tsx
@@ -1,10 +1,10 @@
import { Divider, Layout, theme } from 'antd';
import React from 'react';
-import { Outlet } from 'umi';
+import { Outlet } from 'react-router';
import '../locales/config';
import Header from './components/header';
-import styles from './index.less';
+import styles from './index.module.less';
const { Content } = Layout;
diff --git a/web/src/layouts/next-header.tsx b/web/src/layouts/next-header.tsx
index b2504534b..db3faea26 100644
--- a/web/src/layouts/next-header.tsx
+++ b/web/src/layouts/next-header.tsx
@@ -30,7 +30,7 @@ import {
} from 'lucide-react';
import React, { useCallback, useMemo } from 'react';
import { useTranslation } from 'react-i18next';
-import { useLocation } from 'umi';
+import { useLocation } from 'react-router';
import { BellButton } from './bell-button';
const handleDocHelpCLick = () => {
diff --git a/web/src/layouts/next.tsx b/web/src/layouts/next.tsx
index 5c639b317..925c4538a 100644
--- a/web/src/layouts/next.tsx
+++ b/web/src/layouts/next.tsx
@@ -1,4 +1,4 @@
-import { Outlet } from 'umi';
+import { Outlet } from 'react-router';
import { Header } from './next-header';
export default function NextLayout() {
diff --git a/web/src/main.tsx b/web/src/main.tsx
new file mode 100644
index 000000000..beb30c808
--- /dev/null
+++ b/web/src/main.tsx
@@ -0,0 +1,13 @@
+import React from 'react';
+import { gotoVSCode, Inspector } from 'react-dev-inspector';
+import ReactDOM from 'react-dom/client';
+import '../tailwind.css';
+import App from './app';
+import './global.less';
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+
+ ,
+);
diff --git a/web/src/pages/404.jsx b/web/src/pages/404.tsx
similarity index 85%
rename from web/src/pages/404.jsx
rename to web/src/pages/404.tsx
index 7ca998ed7..1dee387b5 100644
--- a/web/src/pages/404.jsx
+++ b/web/src/pages/404.tsx
@@ -1,7 +1,7 @@
import { Routes } from '@/routes';
+import { history } from '@/utils/simple-history-util';
import { Button, Result } from 'antd';
-import { history, useLocation } from 'umi';
-
+import { useLocation } from 'react-router';
const NoFoundPage = () => {
const location = useLocation();
diff --git a/web/src/pages/admin/layouts/navigation-layout.tsx b/web/src/pages/admin/layouts/navigation-layout.tsx
index ddb53d5ff..7986b62e9 100644
--- a/web/src/pages/admin/layouts/navigation-layout.tsx
+++ b/web/src/pages/admin/layouts/navigation-layout.tsx
@@ -1,6 +1,6 @@
import { useMemo } from 'react';
import { useTranslation } from 'react-i18next';
-import { NavLink, Outlet, useNavigate } from 'umi';
+import { NavLink, Outlet, useNavigate } from 'react-router';
import { useMutation, useQuery } from '@tanstack/react-query';
diff --git a/web/src/pages/admin/layouts/root-layout.tsx b/web/src/pages/admin/layouts/root-layout.tsx
index 06840f039..92fa40231 100644
--- a/web/src/pages/admin/layouts/root-layout.tsx
+++ b/web/src/pages/admin/layouts/root-layout.tsx
@@ -1,4 +1,4 @@
-import { Outlet } from 'umi';
+import { Outlet } from 'react-router';
const AdminRootLayout = () => {
return ) {
const messages: string[] = get(data, 'form.content', []);
const { getLabel } = useGetVariableLabelOrTypeByValue({ nodeId: id });
-
return (
diff --git a/web/src/pages/agent/canvas/node/retrieval-node.tsx b/web/src/pages/agent/canvas/node/retrieval-node.tsx
index 05a2a974e..374066567 100644
--- a/web/src/pages/agent/canvas/node/retrieval-node.tsx
+++ b/web/src/pages/agent/canvas/node/retrieval-node.tsx
@@ -12,7 +12,7 @@ import { RetrievalFormSchemaType } from '../../form/retrieval-form/next';
import { useGetVariableLabelOrTypeByValue } from '../../hooks/use-get-begin-query';
import { LabelCard } from './card';
import { CommonHandle, LeftEndHandle } from './handle';
-import styles from './index.less';
+import styles from './index.module.less';
import NodeHeader from './node-header';
import { NodeWrapper } from './node-wrapper';
import { ToolBar } from './toolbar';
diff --git a/web/src/pages/agent/canvas/node/rewrite-node.tsx b/web/src/pages/agent/canvas/node/rewrite-node.tsx
index 659e65af0..520c47293 100644
--- a/web/src/pages/agent/canvas/node/rewrite-node.tsx
+++ b/web/src/pages/agent/canvas/node/rewrite-node.tsx
@@ -6,7 +6,7 @@ import { get } from 'lodash';
import { memo } from 'react';
import { LLMLabelCard } from './card';
import { LeftHandleStyle, RightHandleStyle } from './handle-icon';
-import styles from './index.less';
+import styles from './index.module.less';
import NodeHeader from './node-header';
function InnerRewriteNode({
diff --git a/web/src/pages/agent/chat/box.tsx b/web/src/pages/agent/chat/box.tsx
index 3ce72e407..9b3371f72 100644
--- a/web/src/pages/agent/chat/box.tsx
+++ b/web/src/pages/agent/chat/box.tsx
@@ -15,7 +15,7 @@ import {
import { useFetchUserInfo } from '@/hooks/use-user-setting-request';
import { buildMessageUuidWithRole } from '@/utils/chat';
import { memo, useCallback, useContext } from 'react';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
import { AgentChatContext } from '../context';
import DebugContent from '../debug-content';
import { useAwaitCompentData } from '../hooks/use-chat-logic';
diff --git a/web/src/pages/agent/chat/use-send-agent-message.ts b/web/src/pages/agent/chat/use-send-agent-message.ts
index 9c40cb5ff..186f3ac29 100644
--- a/web/src/pages/agent/chat/use-send-agent-message.ts
+++ b/web/src/pages/agent/chat/use-send-agent-message.ts
@@ -26,7 +26,7 @@ import {
useRef,
useState,
} from 'react';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
import { v4 as uuid } from 'uuid';
import { BeginId } from '../constant';
import { AgentChatLogContext } from '../context';
diff --git a/web/src/pages/agent/hooks/use-build-webhook-url.ts b/web/src/pages/agent/hooks/use-build-webhook-url.ts
index e8d7f13e6..6794bc77d 100644
--- a/web/src/pages/agent/hooks/use-build-webhook-url.ts
+++ b/web/src/pages/agent/hooks/use-build-webhook-url.ts
@@ -1,4 +1,4 @@
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
export function useBuildWebhookUrl() {
const { id } = useParams();
diff --git a/web/src/pages/agent/hooks/use-is-pipeline.ts b/web/src/pages/agent/hooks/use-is-pipeline.ts
index 8b82a71ff..34afdc793 100644
--- a/web/src/pages/agent/hooks/use-is-pipeline.ts
+++ b/web/src/pages/agent/hooks/use-is-pipeline.ts
@@ -1,5 +1,5 @@
import { AgentCategory, AgentQuery } from '@/constants/agent';
-import { useSearchParams } from 'umi';
+import { useSearchParams } from 'react-router';
export function useIsPipeline() {
const [queryParameters] = useSearchParams();
diff --git a/web/src/pages/agent/hooks/use-run-dataflow.ts b/web/src/pages/agent/hooks/use-run-dataflow.ts
index 806a38096..68898b982 100644
--- a/web/src/pages/agent/hooks/use-run-dataflow.ts
+++ b/web/src/pages/agent/hooks/use-run-dataflow.ts
@@ -3,7 +3,7 @@ import { useSendMessageBySSE } from '@/hooks/use-send-message';
import api from '@/utils/api';
import { get } from 'lodash';
import { useCallback, useState } from 'react';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
import { UseFetchLogReturnType } from './use-fetch-pipeline-log';
import { useSaveGraph } from './use-save-graph';
diff --git a/web/src/pages/agent/hooks/use-save-graph.ts b/web/src/pages/agent/hooks/use-save-graph.ts
index 500baf716..d308c21e0 100644
--- a/web/src/pages/agent/hooks/use-save-graph.ts
+++ b/web/src/pages/agent/hooks/use-save-graph.ts
@@ -8,7 +8,7 @@ import { RAGFlowNodeType } from '@/interfaces/database/flow';
import { formatDate } from '@/utils/date';
import { useDebounceEffect } from 'ahooks';
import { useCallback, useEffect, useState } from 'react';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
import useGraphStore from '../store';
import { useBuildDslData } from './use-build-dsl';
diff --git a/web/src/pages/agent/hooks/use-send-shared-message.ts b/web/src/pages/agent/hooks/use-send-shared-message.ts
index fe1e34d62..07f09ba9c 100644
--- a/web/src/pages/agent/hooks/use-send-shared-message.ts
+++ b/web/src/pages/agent/hooks/use-send-shared-message.ts
@@ -9,7 +9,7 @@ import {
import { isEmpty } from 'lodash';
import trim from 'lodash/trim';
import { useCallback, useEffect, useRef, useState } from 'react';
-import { useSearchParams } from 'umi';
+import { useSearchParams } from 'react-router';
import { AgentDialogueMode } from '../constant';
export const useSendButtonDisabled = (value: string) => {
diff --git a/web/src/pages/agent/index.tsx b/web/src/pages/agent/index.tsx
index 92bd3a0fe..0390453a8 100644
--- a/web/src/pages/agent/index.tsx
+++ b/web/src/pages/agent/index.tsx
@@ -35,7 +35,7 @@ import {
} from 'lucide-react';
import { ComponentPropsWithoutRef, useCallback } from 'react';
import { useTranslation } from 'react-i18next';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
import AgentCanvas from './canvas';
import { DropdownProvider } from './canvas/context';
import { Operator } from './constant';
diff --git a/web/src/pages/agent/operator-icon.tsx b/web/src/pages/agent/operator-icon.tsx
index c1a799971..60c402848 100644
--- a/web/src/pages/agent/operator-icon.tsx
+++ b/web/src/pages/agent/operator-icon.tsx
@@ -1,18 +1,5 @@
-import { ReactComponent as ArxivIcon } from '@/assets/svg/arxiv.svg';
-import { ReactComponent as BingIcon } from '@/assets/svg/bing.svg';
-import { ReactComponent as CrawlerIcon } from '@/assets/svg/crawler.svg';
-import { ReactComponent as DuckIcon } from '@/assets/svg/duck.svg';
-import { ReactComponent as GithubIcon } from '@/assets/svg/github.svg';
-import { ReactComponent as GoogleScholarIcon } from '@/assets/svg/google-scholar.svg';
-import { ReactComponent as GoogleIcon } from '@/assets/svg/google.svg';
-import { ReactComponent as PubMedIcon } from '@/assets/svg/pubmed.svg';
-import { ReactComponent as SearXNGIcon } from '@/assets/svg/searxng.svg';
-import { ReactComponent as TavilyIcon } from '@/assets/svg/tavily.svg';
-import { ReactComponent as WenCaiIcon } from '@/assets/svg/wencai.svg';
-import { ReactComponent as WikipediaIcon } from '@/assets/svg/wikipedia.svg';
-import { ReactComponent as YahooFinanceIcon } from '@/assets/svg/yahoo-finance.svg';
-
import { IconFontFill } from '@/components/icon-font';
+import SvgIcon from '@/components/svg-icon';
import { cn } from '@/lib/utils';
import {
FileCode,
@@ -21,6 +8,7 @@ import {
Infinity as InfinityIcon,
LogOut,
} from 'lucide-react';
+import { Component } from 'react';
import { Operator } from './constant';
interface IProps {
@@ -49,20 +37,20 @@ export const OperatorIconMap = {
};
export const SVGIconMap = {
- [Operator.ArXiv]: ArxivIcon,
- [Operator.GitHub]: GithubIcon,
- [Operator.Bing]: BingIcon,
- [Operator.DuckDuckGo]: DuckIcon,
- [Operator.Google]: GoogleIcon,
- [Operator.GoogleScholar]: GoogleScholarIcon,
- [Operator.PubMed]: PubMedIcon,
- [Operator.SearXNG]: SearXNGIcon,
- [Operator.TavilyExtract]: TavilyIcon,
- [Operator.TavilySearch]: TavilyIcon,
- [Operator.Wikipedia]: WikipediaIcon,
- [Operator.YahooFinance]: YahooFinanceIcon,
- [Operator.WenCai]: WenCaiIcon,
- [Operator.Crawler]: CrawlerIcon,
+ [Operator.ArXiv]: 'arxiv',
+ [Operator.GitHub]: 'github',
+ [Operator.Bing]: 'bing',
+ [Operator.DuckDuckGo]: 'duck',
+ [Operator.Google]: 'google',
+ [Operator.GoogleScholar]: 'google-scholar',
+ [Operator.PubMed]: 'pubmed',
+ [Operator.SearXNG]: 'searxng',
+ [Operator.TavilyExtract]: 'tavily',
+ [Operator.TavilySearch]: 'tavily',
+ [Operator.Wikipedia]: 'wikipedia',
+ [Operator.YahooFinance]: 'yahoo-finance',
+ [Operator.WenCai]: 'wencai',
+ [Operator.Crawler]: 'crawler',
};
export const LucideIconMap = {
[Operator.DataOperations]: FileCode,
@@ -75,9 +63,28 @@ const Empty = () => {
return ;
};
+class SvgErrorBoundary extends Component<{
+ children: React.ReactNode;
+ fallback?: React.ReactNode;
+}> {
+ state = { hasError: false };
+
+ static getDerivedStateFromError() {
+ return { hasError: true };
+ }
+
+ render() {
+ if (this.state.hasError) {
+ return this.props.fallback || ()(
(x) => x.component_name === name,
);
const lastIndex = tools.length
- ? tools
+ ? (tools
.map((x) => {
const idx = x.name.match(/(\d+)$/)?.[1];
return idx && isNaN(idx) ? -1 : Number(idx);
})
.sort((a, b) => a - b)
- .at(-1) ?? -1
+ .at(-1) ?? -1)
: -1;
return `${name}_${lastIndex + 1}`;
diff --git a/web/src/pages/agent/utils.ts b/web/src/pages/agent/utils.ts
index e54f0864b..1837ed218 100644
--- a/web/src/pages/agent/utils.ts
+++ b/web/src/pages/agent/utils.ts
@@ -836,7 +836,7 @@ export function buildBeginQueryWithObject(
}
export function getArrayElementType(type: string) {
- return typeof type === 'string' ? type.match(/<([^>]+)>/)?.at(1) ?? '' : '';
+ return typeof type === 'string' ? (type.match(/<([^>]+)>/)?.at(1) ?? '') : '';
}
export function buildConversationVariableSelectOptions() {
diff --git a/web/src/pages/agent/webhook-sheet/index.tsx b/web/src/pages/agent/webhook-sheet/index.tsx
index 0ee803247..db726b266 100644
--- a/web/src/pages/agent/webhook-sheet/index.tsx
+++ b/web/src/pages/agent/webhook-sheet/index.tsx
@@ -13,7 +13,7 @@ import { cn } from '@/lib/utils';
import { upperFirst } from 'lodash';
import { useMemo } from 'react';
import { useTranslation } from 'react-i18next';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
import { BeginId } from '../constant';
import { JsonViewer } from '../form/components/json-viewer';
import { WorkFlowTimeline } from './timeline';
diff --git a/web/src/pages/agents/agent-log-page.tsx b/web/src/pages/agents/agent-log-page.tsx
index d0d39e41d..ee9173291 100644
--- a/web/src/pages/agents/agent-log-page.tsx
+++ b/web/src/pages/agents/agent-log-page.tsx
@@ -20,7 +20,7 @@ import {
import { IReferenceObject } from '@/interfaces/database/chat';
import { useQueryClient } from '@tanstack/react-query';
import React, { useEffect, useState } from 'react';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
import { DateRange } from '../../components/originui/calendar/index';
import {
Table,
diff --git a/web/src/pages/agents/index.tsx b/web/src/pages/agents/index.tsx
index fd091c138..52815392f 100644
--- a/web/src/pages/agents/index.tsx
+++ b/web/src/pages/agents/index.tsx
@@ -17,7 +17,7 @@ import { t } from 'i18next';
import { pick } from 'lodash';
import { Clipboard, ClipboardPlus, FileInput, Plus } from 'lucide-react';
import { useCallback, useEffect } from 'react';
-import { useSearchParams } from 'umi';
+import { useSearchParams } from 'react-router';
import { AgentCard } from './agent-card';
import { CreateAgentDialog } from './create-agent-dialog';
import { useCreateAgentOrPipeline } from './hooks/use-create-agent';
diff --git a/web/src/pages/chunk/index.tsx b/web/src/pages/chunk/index.tsx
index 25761d190..1a76b7b94 100644
--- a/web/src/pages/chunk/index.tsx
+++ b/web/src/pages/chunk/index.tsx
@@ -16,7 +16,7 @@ import {
import { Routes } from '@/routes';
import { EllipsisVertical, Save } from 'lucide-react';
import { useMemo } from 'react';
-import { Outlet, useLocation } from 'umi';
+import { Outlet, useLocation } from 'react-router';
export default function ChunkPage() {
const { navigateToDataset, getQueryString, navigateToChunk } =
diff --git a/web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/components/chunk-card/index.less b/web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/components/chunk-card/index.module.less
similarity index 100%
rename from web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/components/chunk-card/index.less
rename to web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/components/chunk-card/index.module.less
diff --git a/web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/components/chunk-card/index.tsx b/web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/components/chunk-card/index.tsx
index 97a5af714..9c2ccdc64 100644
--- a/web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/components/chunk-card/index.tsx
+++ b/web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/components/chunk-card/index.tsx
@@ -16,7 +16,7 @@ import DOMPurify from 'dompurify';
import { useEffect, useState } from 'react';
import { useTranslation } from 'react-i18next';
import { ChunkTextMode } from '../../constant';
-import styles from './index.less';
+import styles from './index.module.less';
interface IProps {
item: IChunk;
diff --git a/web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/components/chunk-toolbar/index.tsx b/web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/components/chunk-toolbar/index.tsx
index e1c7c6ae5..385dbf0c2 100644
--- a/web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/components/chunk-toolbar/index.tsx
+++ b/web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/components/chunk-toolbar/index.tsx
@@ -1,4 +1,4 @@
-import { ReactComponent as FilterIcon } from '@/assets/filter.svg';
+import FilterIcon from '@/assets/filter.svg';
import { KnowledgeRouteKey } from '@/constants/knowledge';
import { useTranslate } from '@/hooks/common-hooks';
import {
@@ -32,16 +32,15 @@ import {
Typography,
} from 'antd';
import { useCallback, useMemo, useState } from 'react';
-import { Link } from 'umi';
+import { Link } from 'react-router';
import { ChunkTextMode } from '../../constant';
const { Text } = Typography;
-interface IProps
- extends Pick<
- IChunkListResult,
- 'searchString' | 'handleInputChange' | 'available' | 'handleSetAvailable'
- > {
+interface IProps extends Pick<
+ IChunkListResult,
+ 'searchString' | 'handleInputChange' | 'available' | 'handleSetAvailable'
+> {
checked: boolean;
selectAllChunk: (checked: boolean) => void;
createChunk: () => void;
diff --git a/web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/index.less b/web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/index.module.less
similarity index 100%
rename from web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/index.less
rename to web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/index.module.less
diff --git a/web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/index.tsx b/web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/index.tsx
index a73960d14..034869e8a 100644
--- a/web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/index.tsx
+++ b/web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/index.tsx
@@ -42,7 +42,7 @@ import {
useNavigatePage,
} from '@/hooks/logic-hooks/navigate-hooks';
import { useFetchKnowledgeBaseConfiguration } from '@/hooks/use-knowledge-request';
-import styles from './index.less';
+import styles from './index.module.less';
const Chunk = () => {
const [selectedChunkIds, setSelectedChunkIds] = useState([]);
diff --git a/web/src/pages/chunk/parsed-result/add-knowledge/index.less b/web/src/pages/chunk/parsed-result/add-knowledge/index.module.less
similarity index 100%
rename from web/src/pages/chunk/parsed-result/add-knowledge/index.less
rename to web/src/pages/chunk/parsed-result/add-knowledge/index.module.less
diff --git a/web/src/pages/chunk/parsed-result/add-knowledge/index.tsx b/web/src/pages/chunk/parsed-result/add-knowledge/index.tsx
index 7434edc61..43034da79 100644
--- a/web/src/pages/chunk/parsed-result/add-knowledge/index.tsx
+++ b/web/src/pages/chunk/parsed-result/add-knowledge/index.tsx
@@ -8,10 +8,10 @@ import { Breadcrumb } from 'antd';
import { ItemType } from 'antd/es/breadcrumb/Breadcrumb';
import { useMemo } from 'react';
import { useTranslation } from 'react-i18next';
-import { Link, Outlet } from 'umi';
+import { Link, Outlet } from 'react-router';
import Siderbar from './components/knowledge-sidebar';
import { KnowledgeDatasetRouteKey, KnowledgeRouteKey } from './constant';
-import styles from './index.less';
+import styles from './index.module.less';
const KnowledgeAdding = () => {
const knowledgeBaseId = useKnowledgeBaseId();
diff --git a/web/src/pages/dataflow-result/chunker.tsx b/web/src/pages/dataflow-result/chunker.tsx
index 1c194f76a..853387fd0 100644
--- a/web/src/pages/dataflow-result/chunker.tsx
+++ b/web/src/pages/dataflow-result/chunker.tsx
@@ -23,7 +23,7 @@ import {
useHandleChunkCardClick,
useUpdateChunk,
} from './hooks';
-import styles from './index.less';
+import styles from './index.module.less';
interface IProps {
isChange: boolean;
diff --git a/web/src/pages/dataflow-result/components/chunk-card/index.less b/web/src/pages/dataflow-result/components/chunk-card/index.module.less
similarity index 100%
rename from web/src/pages/dataflow-result/components/chunk-card/index.less
rename to web/src/pages/dataflow-result/components/chunk-card/index.module.less
diff --git a/web/src/pages/dataflow-result/components/chunk-card/index.tsx b/web/src/pages/dataflow-result/components/chunk-card/index.tsx
index 198746aef..1674b79b8 100644
--- a/web/src/pages/dataflow-result/components/chunk-card/index.tsx
+++ b/web/src/pages/dataflow-result/components/chunk-card/index.tsx
@@ -14,7 +14,7 @@ import classNames from 'classnames';
import DOMPurify from 'dompurify';
import { useEffect, useState } from 'react';
import { ChunkTextMode } from '../../constant';
-import styles from './index.less';
+import styles from './index.module.less';
interface IProps {
item: IChunk;
diff --git a/web/src/pages/dataflow-result/components/chunk-toolbar/index.tsx b/web/src/pages/dataflow-result/components/chunk-toolbar/index.tsx
index e1c7c6ae5..385dbf0c2 100644
--- a/web/src/pages/dataflow-result/components/chunk-toolbar/index.tsx
+++ b/web/src/pages/dataflow-result/components/chunk-toolbar/index.tsx
@@ -1,4 +1,4 @@
-import { ReactComponent as FilterIcon } from '@/assets/filter.svg';
+import FilterIcon from '@/assets/filter.svg';
import { KnowledgeRouteKey } from '@/constants/knowledge';
import { useTranslate } from '@/hooks/common-hooks';
import {
@@ -32,16 +32,15 @@ import {
Typography,
} from 'antd';
import { useCallback, useMemo, useState } from 'react';
-import { Link } from 'umi';
+import { Link } from 'react-router';
import { ChunkTextMode } from '../../constant';
const { Text } = Typography;
-interface IProps
- extends Pick<
- IChunkListResult,
- 'searchString' | 'handleInputChange' | 'available' | 'handleSetAvailable'
- > {
+interface IProps extends Pick<
+ IChunkListResult,
+ 'searchString' | 'handleInputChange' | 'available' | 'handleSetAvailable'
+> {
checked: boolean;
selectAllChunk: (checked: boolean) => void;
createChunk: () => void;
diff --git a/web/src/pages/dataflow-result/components/parse-editer/json-parser.tsx b/web/src/pages/dataflow-result/components/parse-editer/json-parser.tsx
index 98cf40436..24e8541aa 100644
--- a/web/src/pages/dataflow-result/components/parse-editer/json-parser.tsx
+++ b/web/src/pages/dataflow-result/components/parse-editer/json-parser.tsx
@@ -3,7 +3,7 @@ import { cn } from '@/lib/utils';
import { isArray } from 'lodash';
import { useCallback, useEffect, useMemo } from 'react';
import { ChunkTextMode } from '../../constant';
-import styles from '../../index.less';
+import styles from '../../index.module.less';
import { IChunk } from '../../interface';
import { useParserInit } from './hook';
import { IJsonContainerProps } from './interface';
diff --git a/web/src/pages/dataflow-result/components/parse-editer/object-parser.tsx b/web/src/pages/dataflow-result/components/parse-editer/object-parser.tsx
index 93441cf56..afbfdbdde 100644
--- a/web/src/pages/dataflow-result/components/parse-editer/object-parser.tsx
+++ b/web/src/pages/dataflow-result/components/parse-editer/object-parser.tsx
@@ -1,7 +1,7 @@
import { cn } from '@/lib/utils';
import { useCallback, useEffect } from 'react';
import { ChunkTextMode } from '../../constant';
-import styles from '../../index.less';
+import styles from '../../index.module.less';
import { IChunk } from '../../interface';
import { useParserInit } from './hook';
import { IObjContainerProps } from './interface';
diff --git a/web/src/pages/dataflow-result/hooks.ts b/web/src/pages/dataflow-result/hooks.ts
index 07d4da149..f0e4b8d1e 100644
--- a/web/src/pages/dataflow-result/hooks.ts
+++ b/web/src/pages/dataflow-result/hooks.ts
@@ -12,7 +12,7 @@ import { t } from 'i18next';
import { camelCase, upperFirst } from 'lodash';
import { useCallback, useEffect, useMemo, useState } from 'react';
import { IHighlight } from 'react-pdf-highlighter';
-import { useParams, useSearchParams } from 'umi';
+import { useParams, useSearchParams } from 'react-router';
import { ITimelineNodeObj, TimelineNodeObj } from './components/time-line';
import {
ChunkTextMode,
diff --git a/web/src/pages/dataflow-result/index.less b/web/src/pages/dataflow-result/index.module.less
similarity index 100%
rename from web/src/pages/dataflow-result/index.less
rename to web/src/pages/dataflow-result/index.module.less
diff --git a/web/src/pages/dataflow-result/index.tsx b/web/src/pages/dataflow-result/index.tsx
index 8a2780bd8..5b7819d47 100644
--- a/web/src/pages/dataflow-result/index.tsx
+++ b/web/src/pages/dataflow-result/index.tsx
@@ -35,7 +35,7 @@ import { useNavigatePage } from '@/hooks/logic-hooks/navigate-hooks';
import { useGetKnowledgeSearchParams } from '@/hooks/route-hook';
import TimelineDataFlow from './components/time-line';
import { TimelineNodeType } from './constant';
-import styles from './index.less';
+import styles from './index.module.less';
import { IDslComponent, IPipelineFileLogDetail } from './interface';
import ParserContainer from './parser';
diff --git a/web/src/pages/dataset/components/metedata/hooks/use-manage-modal.ts b/web/src/pages/dataset/components/metedata/hooks/use-manage-modal.ts
index 2858ebb76..5993e5562 100644
--- a/web/src/pages/dataset/components/metedata/hooks/use-manage-modal.ts
+++ b/web/src/pages/dataset/components/metedata/hooks/use-manage-modal.ts
@@ -12,7 +12,7 @@ import { useQuery, useQueryClient } from '@tanstack/react-query';
import { TFunction } from 'i18next';
import { useCallback, useEffect, useState } from 'react';
import { useTranslation } from 'react-i18next';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
import {
IMetaDataReturnJSONSettings,
IMetaDataReturnJSONType,
diff --git a/web/src/pages/dataset/components/metedata/manage-modal.tsx b/web/src/pages/dataset/components/metedata/manage-modal.tsx
index 9b21db765..ddecdd685 100644
--- a/web/src/pages/dataset/components/metedata/manage-modal.tsx
+++ b/web/src/pages/dataset/components/metedata/manage-modal.tsx
@@ -341,7 +341,7 @@ export const ManageMetadataModal = (props: IManageModalProps) => {
+
+
);
}
diff --git a/web/src/pages/dataset/dataset-setting/saving-button.tsx b/web/src/pages/dataset/dataset-setting/saving-button.tsx
index 29a18b492..eead9bb72 100644
--- a/web/src/pages/dataset/dataset-setting/saving-button.tsx
+++ b/web/src/pages/dataset/dataset-setting/saving-button.tsx
@@ -3,7 +3,7 @@ import { useUpdateKnowledge } from '@/hooks/use-knowledge-request';
import { useMemo } from 'react';
import { useFormContext } from 'react-hook-form';
import { useTranslation } from 'react-i18next';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
export function GeneralSavingButton() {
const form = useFormContext();
diff --git a/web/src/pages/dataset/dataset/generate-button/hook.ts b/web/src/pages/dataset/dataset/generate-button/hook.ts
index e45a81e38..d5713c95f 100644
--- a/web/src/pages/dataset/dataset/generate-button/hook.ts
+++ b/web/src/pages/dataset/dataset/generate-button/hook.ts
@@ -4,7 +4,7 @@ import kbService, { deletePipelineTask } from '@/services/knowledge-service';
import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
import { t } from 'i18next';
import { useEffect, useState } from 'react';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
import { ProcessingType } from '../../dataset-overview/dataset-common';
import { GenerateType, GenerateTypeMap } from './generate';
export const generateStatus = {
diff --git a/web/src/pages/dataset/index.tsx b/web/src/pages/dataset/index.tsx
index 3cb4e2bc7..5c83a9ced 100644
--- a/web/src/pages/dataset/index.tsx
+++ b/web/src/pages/dataset/index.tsx
@@ -10,7 +10,7 @@ import {
import { useNavigatePage } from '@/hooks/logic-hooks/navigate-hooks';
import { useFetchKnowledgeBaseConfiguration } from '@/hooks/use-knowledge-request';
import { useTranslation } from 'react-i18next';
-import { Outlet } from 'umi';
+import { Outlet } from 'react-router';
import { SideBar } from './sidebar';
export default function DatasetWrapper() {
diff --git a/web/src/pages/dataset/knowledge-graph/force-graph.tsx b/web/src/pages/dataset/knowledge-graph/force-graph.tsx
index 13a947e5c..31533d0de 100644
--- a/web/src/pages/dataset/knowledge-graph/force-graph.tsx
+++ b/web/src/pages/dataset/knowledge-graph/force-graph.tsx
@@ -4,7 +4,7 @@ import { useCallback, useEffect, useMemo, useRef } from 'react';
import { buildNodesAndCombos } from './util';
import { useIsDarkTheme } from '@/components/theme-provider';
-import styles from './index.less';
+import styles from './index.module.less';
const TooltipColorMap = {
combo: 'red',
diff --git a/web/src/pages/dataset/knowledge-graph/index.less b/web/src/pages/dataset/knowledge-graph/index.module.less
similarity index 100%
rename from web/src/pages/dataset/knowledge-graph/index.less
rename to web/src/pages/dataset/knowledge-graph/index.module.less
diff --git a/web/src/pages/dataset/knowledge-graph/use-delete-graph.ts b/web/src/pages/dataset/knowledge-graph/use-delete-graph.ts
index eddc97516..a562891d7 100644
--- a/web/src/pages/dataset/knowledge-graph/use-delete-graph.ts
+++ b/web/src/pages/dataset/knowledge-graph/use-delete-graph.ts
@@ -1,7 +1,7 @@
import { useNavigatePage } from '@/hooks/logic-hooks/navigate-hooks';
import { useRemoveKnowledgeGraph } from '@/hooks/use-knowledge-request';
import { useCallback } from 'react';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
export function useDeleteKnowledgeGraph() {
const { removeKnowledgeGraph, loading } = useRemoveKnowledgeGraph();
diff --git a/web/src/pages/dataset/sidebar/hooks.tsx b/web/src/pages/dataset/sidebar/hooks.tsx
index 0a4e7e0dd..3c2934bbf 100644
--- a/web/src/pages/dataset/sidebar/hooks.tsx
+++ b/web/src/pages/dataset/sidebar/hooks.tsx
@@ -1,6 +1,6 @@
import { Routes } from '@/routes';
import { useCallback } from 'react';
-import { useNavigate, useParams } from 'umi';
+import { useNavigate, useParams } from 'react-router';
export const useHandleMenuClick = () => {
const navigate = useNavigate();
diff --git a/web/src/pages/dataset/testing/testing-form.tsx b/web/src/pages/dataset/testing/testing-form.tsx
index 6d856b7d5..74f771b02 100644
--- a/web/src/pages/dataset/testing/testing-form.tsx
+++ b/web/src/pages/dataset/testing/testing-form.tsx
@@ -37,7 +37,7 @@ import { trim } from 'lodash';
import { Send } from 'lucide-react';
import { useEffect } from 'react';
import { useTranslation } from 'react-i18next';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
type TestingFormProps = Pick<
ReturnType,
diff --git a/web/src/pages/datasets/index.tsx b/web/src/pages/datasets/index.tsx
index 110a1e485..350f95b0f 100644
--- a/web/src/pages/datasets/index.tsx
+++ b/web/src/pages/datasets/index.tsx
@@ -11,7 +11,7 @@ import { pick } from 'lodash';
import { Plus } from 'lucide-react';
import { useCallback, useEffect } from 'react';
import { useTranslation } from 'react-i18next';
-import { useSearchParams } from 'umi';
+import { useSearchParams } from 'react-router';
import { DatasetCard } from './dataset-card';
import { DatasetCreatingDialog } from './dataset-creating-dialog';
import { useSaveKnowledge } from './hooks';
diff --git a/web/src/pages/document-viewer/index.tsx b/web/src/pages/document-viewer/index.tsx
index ab611929f..3a01ea555 100644
--- a/web/src/pages/document-viewer/index.tsx
+++ b/web/src/pages/document-viewer/index.tsx
@@ -1,6 +1,6 @@
import { Images } from '@/constants/common';
import { api_host } from '@/utils/api';
-import { useParams, useSearchParams } from 'umi';
+import { useParams, useSearchParams } from 'react-router';
// import Docx from './docx';
// import Excel from './excel';
// import Image from './image';
diff --git a/web/src/pages/files/file-breadcrumb.tsx b/web/src/pages/files/file-breadcrumb.tsx
index 280413e70..0e94bde52 100644
--- a/web/src/pages/files/file-breadcrumb.tsx
+++ b/web/src/pages/files/file-breadcrumb.tsx
@@ -5,7 +5,7 @@ import {
BreadcrumbPage,
BreadcrumbSeparator,
} from '@/components/ui/breadcrumb';
-import { useNavigate } from 'umi';
+import { useNavigate } from 'react-router';
import { useSelectBreadcrumbItems } from './use-navigate-to-folder';
export function FileBreadcrumb() {
diff --git a/web/src/pages/files/hooks.ts b/web/src/pages/files/hooks.ts
index 026014d65..77032120e 100644
--- a/web/src/pages/files/hooks.ts
+++ b/web/src/pages/files/hooks.ts
@@ -3,7 +3,7 @@ import { useConnectToKnowledge, useRenameFile } from '@/hooks/use-file-request';
import { IFile } from '@/interfaces/database/file-manager';
import { TableRowSelection } from 'antd/es/table/interface';
import { useCallback, useMemo, useState } from 'react';
-import { useNavigate, useSearchParams } from 'umi';
+import { useNavigate, useSearchParams } from 'react-router';
export const useGetFolderId = () => {
const [searchParams] = useSearchParams();
diff --git a/web/src/pages/home/applications.tsx b/web/src/pages/home/applications.tsx
index 2c3dfa682..a0ee85b6c 100644
--- a/web/src/pages/home/applications.tsx
+++ b/web/src/pages/home/applications.tsx
@@ -6,7 +6,7 @@ import { Segmented, SegmentedValue } from '@/components/ui/segmented';
import { Routes } from '@/routes';
import { useCallback, useMemo, useState } from 'react';
import { useTranslation } from 'react-i18next';
-import { useNavigate } from 'umi';
+import { useNavigate } from 'react-router';
import { Agents } from './agent-list';
import { SeeAllAppCard } from './application-card';
import { ChatList } from './chat-list';
diff --git a/web/src/pages/login-next/index.tsx b/web/src/pages/login-next/index.tsx
index 7e8cbfc85..bac4e6cc8 100644
--- a/web/src/pages/login-next/index.tsx
+++ b/web/src/pages/login-next/index.tsx
@@ -10,7 +10,7 @@ import { useSystemConfig } from '@/hooks/use-system-request';
import { rsaPsw } from '@/utils';
import { useEffect, useState } from 'react';
import { useTranslation } from 'react-i18next';
-import { useNavigate } from 'umi';
+import { useNavigate } from 'react-router';
import Spotlight from '@/components/spotlight';
import { Button, ButtonLoading } from '@/components/ui/button';
diff --git a/web/src/pages/memories/hooks.ts b/web/src/pages/memories/hooks.ts
index 47b992d5c..9a50d337e 100644
--- a/web/src/pages/memories/hooks.ts
+++ b/web/src/pages/memories/hooks.ts
@@ -10,7 +10,7 @@ import { useDebounce } from 'ahooks';
import { omit } from 'lodash';
import { useCallback, useState } from 'react';
import { useTranslation } from 'react-i18next';
-import { useParams, useSearchParams } from 'umi';
+import { useParams, useSearchParams } from 'react-router';
import {
CreateMemoryResponse,
DeleteMemoryProps,
diff --git a/web/src/pages/memories/index.tsx b/web/src/pages/memories/index.tsx
index 49a7a7e46..a29c4f3bf 100644
--- a/web/src/pages/memories/index.tsx
+++ b/web/src/pages/memories/index.tsx
@@ -8,7 +8,7 @@ import { useTranslate } from '@/hooks/common-hooks';
import { pick } from 'lodash';
import { Plus } from 'lucide-react';
import { useCallback, useEffect, useState } from 'react';
-import { useSearchParams } from 'umi';
+import { useSearchParams } from 'react-router';
import { AddOrEditModal } from './add-or-edit-modal';
import { defaultMemoryFields } from './constants';
import { useFetchMemoryList, useRenameMemory } from './hooks';
diff --git a/web/src/pages/memory/hooks/use-memory-setting.ts b/web/src/pages/memory/hooks/use-memory-setting.ts
index e92810aab..998672937 100644
--- a/web/src/pages/memory/hooks/use-memory-setting.ts
+++ b/web/src/pages/memory/hooks/use-memory-setting.ts
@@ -2,7 +2,7 @@ import { useHandleSearchChange } from '@/hooks/logic-hooks';
import { IMemory } from '@/pages/memories/interface';
import memoryService from '@/services/memory-service';
import { useQuery } from '@tanstack/react-query';
-import { useParams, useSearchParams } from 'umi';
+import { useParams, useSearchParams } from 'react-router';
import { MemoryApiAction } from '../constant';
export const useFetchMemoryBaseConfiguration = () => {
diff --git a/web/src/pages/memory/index.tsx b/web/src/pages/memory/index.tsx
index 3536a71b7..77dde215c 100644
--- a/web/src/pages/memory/index.tsx
+++ b/web/src/pages/memory/index.tsx
@@ -1,5 +1,5 @@
import Spotlight from '@/components/spotlight';
-import { Outlet } from 'umi';
+import { Outlet } from 'react-router';
import { SideBar } from './sidebar';
export default function DatasetWrapper() {
diff --git a/web/src/pages/memory/memory-message/hook.ts b/web/src/pages/memory/memory-message/hook.ts
index 01f70a8c2..7cf05a5d2 100644
--- a/web/src/pages/memory/memory-message/hook.ts
+++ b/web/src/pages/memory/memory-message/hook.ts
@@ -4,7 +4,7 @@ import memoryService, { getMemoryDetailById } from '@/services/memory-service';
import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
import { t } from 'i18next';
import { useCallback, useState } from 'react';
-import { useParams, useSearchParams } from 'umi';
+import { useParams, useSearchParams } from 'react-router';
import { MemoryApiAction } from '../constant';
import {
IMessageContentProps,
diff --git a/web/src/pages/memory/sidebar/hooks.tsx b/web/src/pages/memory/sidebar/hooks.tsx
index 1dd28785a..8b28f63c7 100644
--- a/web/src/pages/memory/sidebar/hooks.tsx
+++ b/web/src/pages/memory/sidebar/hooks.tsx
@@ -1,6 +1,6 @@
import { Routes } from '@/routes';
import { useCallback } from 'react';
-import { useNavigate, useParams } from 'umi';
+import { useNavigate, useParams } from 'react-router';
export const useHandleMenuClick = () => {
const navigate = useNavigate();
diff --git a/web/src/pages/next-chats/chat/app-settings/chat-settings.tsx b/web/src/pages/next-chats/chat/app-settings/chat-settings.tsx
index 215285e5d..a2a28ddf3 100644
--- a/web/src/pages/next-chats/chat/app-settings/chat-settings.tsx
+++ b/web/src/pages/next-chats/chat/app-settings/chat-settings.tsx
@@ -13,7 +13,7 @@ import { X } from 'lucide-react';
import { useEffect } from 'react';
import { useForm } from 'react-hook-form';
import { useTranslation } from 'react-i18next';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
import { z } from 'zod';
import ChatBasicSetting from './chat-basic-settings';
import { ChatModelSettings } from './chat-model-settings';
diff --git a/web/src/pages/next-chats/chat/chat-box/multiple-chat-box.tsx b/web/src/pages/next-chats/chat/chat-box/multiple-chat-box.tsx
index 685c530a0..6683aa556 100644
--- a/web/src/pages/next-chats/chat/chat-box/multiple-chat-box.tsx
+++ b/web/src/pages/next-chats/chat/chat-box/multiple-chat-box.tsx
@@ -28,7 +28,7 @@ import { isEmpty, omit } from 'lodash';
import { ListCheck, Plus, Trash2 } from 'lucide-react';
import { forwardRef, useCallback, useImperativeHandle, useRef } from 'react';
import { useForm, useWatch } from 'react-hook-form';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
import { z } from 'zod';
import {
useGetSendButtonDisabled,
diff --git a/web/src/pages/next-chats/chat/index.tsx b/web/src/pages/next-chats/chat/index.tsx
index 5d19cbcbd..6a219a0c6 100644
--- a/web/src/pages/next-chats/chat/index.tsx
+++ b/web/src/pages/next-chats/chat/index.tsx
@@ -27,7 +27,7 @@ import { isEmpty } from 'lodash';
import { ArrowUpRight, LogOut, Send } from 'lucide-react';
import { useCallback, useMemo, useState } from 'react';
import { useTranslation } from 'react-i18next';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
import { useHandleClickConversationCard } from '../hooks/use-click-card';
import { ChatSettings } from './app-settings/chat-settings';
import { MultipleChatBox } from './chat-box/multiple-chat-box';
diff --git a/web/src/pages/next-chats/hooks/use-button-disabled.tsx b/web/src/pages/next-chats/hooks/use-button-disabled.tsx
index d2193b8cb..7c1d5bd1b 100644
--- a/web/src/pages/next-chats/hooks/use-button-disabled.tsx
+++ b/web/src/pages/next-chats/hooks/use-button-disabled.tsx
@@ -1,5 +1,5 @@
import { trim } from 'lodash';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
export const useGetSendButtonDisabled = () => {
const { id: dialogId } = useParams();
diff --git a/web/src/pages/next-chats/hooks/use-chat-url.ts b/web/src/pages/next-chats/hooks/use-chat-url.ts
index 554ceb9c9..70cc73cce 100644
--- a/web/src/pages/next-chats/hooks/use-chat-url.ts
+++ b/web/src/pages/next-chats/hooks/use-chat-url.ts
@@ -3,7 +3,7 @@ import { useGetChatSearchParams } from '@/hooks/use-chat-request';
import { IMessage } from '@/interfaces/database/chat';
import { generateConversationId } from '@/utils/chat';
import { useCallback, useMemo } from 'react';
-import { useSearchParams } from 'umi';
+import { useSearchParams } from 'react-router';
import { useSetConversation } from './use-set-conversation';
/**
diff --git a/web/src/pages/next-chats/hooks/use-create-conversation.ts b/web/src/pages/next-chats/hooks/use-create-conversation.ts
index 33d1389d1..6b06b9d0d 100644
--- a/web/src/pages/next-chats/hooks/use-create-conversation.ts
+++ b/web/src/pages/next-chats/hooks/use-create-conversation.ts
@@ -1,5 +1,5 @@
import { useCallback } from 'react';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
import { useChatUrlParams } from './use-chat-url';
import { useSetConversation } from './use-set-conversation';
diff --git a/web/src/pages/next-chats/hooks/use-select-conversation-list.ts b/web/src/pages/next-chats/hooks/use-select-conversation-list.ts
index 633f02c7d..89fd5a447 100644
--- a/web/src/pages/next-chats/hooks/use-select-conversation-list.ts
+++ b/web/src/pages/next-chats/hooks/use-select-conversation-list.ts
@@ -7,7 +7,7 @@ import {
import { IConversation } from '@/interfaces/database/chat';
import { generateConversationId } from '@/utils/chat';
import { useCallback, useEffect, useMemo, useState } from 'react';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
import { useChatUrlParams } from './use-chat-url';
export const useFindPrologueFromDialogList = () => {
diff --git a/web/src/pages/next-chats/hooks/use-send-chat-message.ts b/web/src/pages/next-chats/hooks/use-send-chat-message.ts
index 19df539ce..0fe703120 100644
--- a/web/src/pages/next-chats/hooks/use-send-chat-message.ts
+++ b/web/src/pages/next-chats/hooks/use-send-chat-message.ts
@@ -10,7 +10,7 @@ import { IMessage } from '@/interfaces/database/chat';
import api from '@/utils/api';
import { trim } from 'lodash';
import { useCallback, useEffect } from 'react';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
import { v4 as uuid } from 'uuid';
import { useCreateConversationBeforeSendMessage } from './use-chat-url';
import { useFindPrologueFromDialogList } from './use-select-conversation-list';
@@ -100,7 +100,7 @@ export const useSendMessage = (controller: AbortController) => {
messages: [
...(Array.isArray(messages) && messages?.length > 0
? messages
- : derivedMessages ?? []),
+ : (derivedMessages ?? [])),
message,
],
},
diff --git a/web/src/pages/next-chats/hooks/use-send-shared-message.ts b/web/src/pages/next-chats/hooks/use-send-shared-message.ts
index 7063d5d95..f4a176f07 100644
--- a/web/src/pages/next-chats/hooks/use-send-shared-message.ts
+++ b/web/src/pages/next-chats/hooks/use-send-shared-message.ts
@@ -10,7 +10,7 @@ import { message } from 'antd';
import { get } from 'lodash';
import trim from 'lodash/trim';
import { useCallback, useEffect, useState } from 'react';
-import { useSearchParams } from 'umi';
+import { useSearchParams } from 'react-router';
import { v4 as uuid } from 'uuid';
const isCompletionError = (res: any) =>
diff --git a/web/src/pages/next-chats/hooks/use-set-conversation.ts b/web/src/pages/next-chats/hooks/use-set-conversation.ts
index f0876fcc0..4fe608043 100644
--- a/web/src/pages/next-chats/hooks/use-set-conversation.ts
+++ b/web/src/pages/next-chats/hooks/use-set-conversation.ts
@@ -1,7 +1,7 @@
import { MessageType } from '@/constants/chat';
import { useUpdateConversation } from '@/hooks/use-chat-request';
import { useCallback } from 'react';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
export const useSetConversation = () => {
const { id: dialogId } = useParams();
diff --git a/web/src/pages/next-chats/index.tsx b/web/src/pages/next-chats/index.tsx
index 15940e6d8..2f45ff942 100644
--- a/web/src/pages/next-chats/index.tsx
+++ b/web/src/pages/next-chats/index.tsx
@@ -10,7 +10,7 @@ import { pick } from 'lodash';
import { Plus } from 'lucide-react';
import { useCallback, useEffect } from 'react';
import { useTranslation } from 'react-i18next';
-import { useSearchParams } from 'umi';
+import { useSearchParams } from 'react-router';
import { ChatCard } from './chat-card';
import { useRenameChat } from './hooks/use-rename-chat';
diff --git a/web/src/pages/next-search/hooks.ts b/web/src/pages/next-search/hooks.ts
index 885b72764..3266c6956 100644
--- a/web/src/pages/next-search/hooks.ts
+++ b/web/src/pages/next-search/hooks.ts
@@ -29,7 +29,7 @@ import {
useRef,
useState,
} from 'react';
-import { useSearchParams } from 'umi';
+import { useSearchParams } from 'react-router';
import { ISearchAppDetailProps } from '../next-searches/hooks';
import { useClickDrawer } from './document-preview-modal/hooks';
diff --git a/web/src/pages/next-searches/hooks.ts b/web/src/pages/next-searches/hooks.ts
index 8855afd08..19cf0a89b 100644
--- a/web/src/pages/next-searches/hooks.ts
+++ b/web/src/pages/next-searches/hooks.ts
@@ -9,7 +9,7 @@ import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
import { useDebounce } from 'ahooks';
import { useCallback, useState } from 'react';
import { useTranslation } from 'react-i18next';
-import { useParams, useSearchParams } from 'umi';
+import { useParams, useSearchParams } from 'react-router';
interface CreateSearchProps {
name: string;
description?: string;
diff --git a/web/src/pages/next-searches/index.tsx b/web/src/pages/next-searches/index.tsx
index 96ada4706..39482c0fe 100644
--- a/web/src/pages/next-searches/index.tsx
+++ b/web/src/pages/next-searches/index.tsx
@@ -9,7 +9,7 @@ import { useTranslate } from '@/hooks/common-hooks';
import { pick } from 'lodash';
import { Plus } from 'lucide-react';
import { useCallback, useEffect } from 'react';
-import { useSearchParams } from 'umi';
+import { useSearchParams } from 'react-router';
import { useFetchSearchList, useRenameSearch } from './hooks';
import { SearchCard } from './search-card';
diff --git a/web/src/pages/user-setting/data-source/component/box-token-field.tsx b/web/src/pages/user-setting/data-source/component/box-token-field.tsx
index b482c25aa..40603551a 100644
--- a/web/src/pages/user-setting/data-source/component/box-token-field.tsx
+++ b/web/src/pages/user-setting/data-source/component/box-token-field.tsx
@@ -98,8 +98,8 @@ const BoxTokenField = ({ value, onChange }: BoxTokenFieldProps) => {
() =>
Boolean(
parsed?.access_token ||
- parsed?.refresh_token ||
- parsed?.authorization_code,
+ parsed?.refresh_token ||
+ parsed?.authorization_code,
),
[parsed],
);
diff --git a/web/src/pages/user-setting/data-source/data-source-detail-page/log-table.tsx b/web/src/pages/user-setting/data-source/data-source-detail-page/log-table.tsx
index 29527dd9a..33bef3d90 100644
--- a/web/src/pages/user-setting/data-source/data-source-detail-page/log-table.tsx
+++ b/web/src/pages/user-setting/data-source/data-source-detail-page/log-table.tsx
@@ -32,7 +32,7 @@ import { t } from 'i18next';
import { pick } from 'lodash';
import { Eye } from 'lucide-react';
import { useCallback, useMemo } from 'react';
-import { useNavigate } from 'umi';
+import { useNavigate } from 'react-router';
import { useLogListDataSource } from '../hooks';
const columns = ({
diff --git a/web/src/pages/user-setting/data-source/hooks.ts b/web/src/pages/user-setting/data-source/hooks.ts
index 4df6a078a..8cd7684d0 100644
--- a/web/src/pages/user-setting/data-source/hooks.ts
+++ b/web/src/pages/user-setting/data-source/hooks.ts
@@ -11,7 +11,7 @@ import dataSourceService, {
import { useQuery, useQueryClient } from '@tanstack/react-query';
import { t } from 'i18next';
import { useCallback, useMemo, useState } from 'react';
-import { useParams, useSearchParams } from 'umi';
+import { useParams, useSearchParams } from 'react-router';
import { DataSourceKey, useDataSourceInfo } from './constant';
import { IDataSorceInfo, IDataSource, IDataSourceBase } from './interface';
diff --git a/web/src/pages/user-setting/index.less b/web/src/pages/user-setting/index.module.less
similarity index 100%
rename from web/src/pages/user-setting/index.less
rename to web/src/pages/user-setting/index.module.less
diff --git a/web/src/pages/user-setting/index.tsx b/web/src/pages/user-setting/index.tsx
index ec6bf015a..13996a46e 100644
--- a/web/src/pages/user-setting/index.tsx
+++ b/web/src/pages/user-setting/index.tsx
@@ -1,4 +1,4 @@
-import { Outlet } from 'umi';
+import { Outlet } from 'react-router';
import { SideBar } from './sidebar';
import { PageHeader } from '@/components/page-header';
@@ -14,7 +14,7 @@ import { useNavigatePage } from '@/hooks/logic-hooks/navigate-hooks';
import { cn } from '@/lib/utils';
import { House } from 'lucide-react';
import { useTranslation } from 'react-i18next';
-import styles from './index.less';
+import styles from './index.module.less';
const UserSetting = () => {
const { t } = useTranslation();
diff --git a/web/src/pages/user-setting/setting-api/index.less b/web/src/pages/user-setting/setting-api/index.module.less
similarity index 100%
rename from web/src/pages/user-setting/setting-api/index.less
rename to web/src/pages/user-setting/setting-api/index.module.less
diff --git a/web/src/pages/user-setting/setting-api/index.tsx b/web/src/pages/user-setting/setting-api/index.tsx
index 572ecc263..3bc187c65 100644
--- a/web/src/pages/user-setting/setting-api/index.tsx
+++ b/web/src/pages/user-setting/setting-api/index.tsx
@@ -1,6 +1,6 @@
import ApiContent from '@/components/api-service/chat-overview-modal/api-content';
-import styles from './index.less';
+import styles from './index.module.less';
const ApiPage = () => {
return (
diff --git a/web/src/pages/user-setting/setting-model/hooks.tsx b/web/src/pages/user-setting/setting-model/hooks.tsx
index 43d675783..ceb80f248 100644
--- a/web/src/pages/user-setting/setting-model/hooks.tsx
+++ b/web/src/pages/user-setting/setting-model/hooks.tsx
@@ -474,7 +474,8 @@ export const useSubmitMinerU = () => {
async (payload: MinerUFormValues) => {
const cfg: any = {
...payload,
- mineru_delete_output: payload.mineru_delete_output ?? true ? '1' : '0',
+ mineru_delete_output:
+ (payload.mineru_delete_output ?? true) ? '1' : '0',
};
if (payload.mineru_backend !== 'vlm-http-client') {
delete cfg.mineru_server_url;
diff --git a/web/src/pages/user-setting/sidebar/hooks.tsx b/web/src/pages/user-setting/sidebar/hooks.tsx
index f5c5ed7ea..be490c8b8 100644
--- a/web/src/pages/user-setting/sidebar/hooks.tsx
+++ b/web/src/pages/user-setting/sidebar/hooks.tsx
@@ -1,7 +1,7 @@
import { useLogout } from '@/hooks/use-login-request';
import { Routes } from '@/routes';
import { useCallback, useEffect, useState } from 'react';
-import { useLocation, useNavigate } from 'umi';
+import { useLocation, useNavigate } from 'react-router';
export const useHandleMenuClick = () => {
const navigate = useNavigate();
diff --git a/web/src/routes.ts b/web/src/routes.tsx
similarity index 50%
rename from web/src/routes.ts
rename to web/src/routes.tsx
index 35cb62069..b78bab6eb 100644
--- a/web/src/routes.ts
+++ b/web/src/routes.tsx
@@ -1,3 +1,6 @@
+import { lazy } from 'react';
+import { createBrowserRouter, Navigate } from 'react-router';
+import FallbackComponent from './components/fallback-component';
import { IS_ENTERPRISE } from './pages/admin/utils';
export enum Routes {
@@ -62,380 +65,377 @@ export enum Routes {
AdminMonitoring = `${Admin}/monitoring`,
}
-const routes = [
+const routeConfig = [
{
path: '/login',
- component: '@/pages/login-next',
+ Component: lazy(() => import('@/pages/login-next')),
layout: false,
+ errorElement:
{t('knowledgeDetails.metadata.metadata')}
- {metadataType === MetadataType.Manage && false && (
+ {metadataType === MetadataType.Manage && (