refactor context import/export

Signed-off-by: ruiyi.jiang <ruiyi.jiang@zilliz.com>

client/src/App.tsx

@@ -1,12 +1,14 @@
 import { MuiPickersUtilsProvider } from '@material-ui/pickers';
 import DayjsUtils from '@date-io/dayjs';
 import Router from './router/Router';
-import { RootProvider } from './context/Root';
-import { NavProvider } from './context/Navigation';
-import { AuthProvider } from './context/Auth';
-import { WebSocketProvider } from './context/WebSocket';
-import { PrometheusProvider } from './context/Prometheus';
-import { DatabaseProvider } from './context/Database';
+import {
+  RootProvider,
+  NavProvider,
+  AuthProvider,
+  WebSocketProvider,
+  PrometheusProvider,
+  DatabaseProvider,
+} from './context';
 
 function App() {
   return (

client/src/components/__test__/customDialog/CustomDialog.spec.tsx

@@ -1,5 +1,5 @@
 import { screen, fireEvent, render } from '@testing-library/react';
-import { DialogType } from '../../../context/Types';
+import { DialogType } from '@/context';
 import CustomDialog from '../../customDialog/CustomDialog';
 import { vi } from 'vitest';
 

client/src/components/__test__/customSnackBar/CustomSnackBar.spec.tsx

@@ -1,5 +1,5 @@
 import { render, screen } from '@testing-library/react';
-import { SnackBarType } from '../../../context/Types';
+import { SnackBarType } from '@/context';
 import CustomSnackBar from '../../customSnackBar/CustomSnackBar';
 import { vi } from 'vitest';
 

client/src/components/customDialog/DeleteDialogTemplate.tsx

@@ -10,10 +10,10 @@ import {
 } from '@material-ui/core';
 import { ChangeEvent, FC, useContext, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import CustomButton from '../../components/customButton/CustomButton';
-import CustomDialogTitle from '../../components/customDialog/CustomDialogTitle';
-import { DeleteDialogContentType } from '../../components/customDialog/Types';
-import { rootContext } from '../../context/Root';
+import CustomButton from '@/components/customButton/CustomButton';
+import CustomDialogTitle from '@/components/customDialog/CustomDialogTitle';
+import { DeleteDialogContentType } from '@/components/customDialog/Types';
+import { rootContext } from '@/context';
 
 const useStyles = makeStyles((theme: Theme) => ({
   root: {

client/src/components/customDialog/Types.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { DialogType } from '../../context/Types';
+import { DialogType } from '@/context';
 import { CodeViewData } from '../code/Types';
 export type CustomDialogType = DialogType & {
   onClose: () => void;

client/src/components/customSnackBar/Types.ts

@@ -1,2 +1,2 @@
-import { SnackBarType } from '../../context/Types';
+import { SnackBarType } from '@/context';
 export type CustomSnackBarType = SnackBarType & { onClose: () => void };

client/src/components/layout/GlobalEffect.tsx

@@ -1,9 +1,8 @@
 import React, { useContext } from 'react';
-import axiosInstance from '../../http/Axios';
-import { rootContext } from '../../context/Root';
-import { HTTP_STATUS_CODE } from '../../consts/Http';
-import { authContext } from '../../context/Auth';
-import { MILVUS_ADDRESS } from '../../consts/Localstorage';
+import axiosInstance from '@/http/Axios';
+import { rootContext, authContext } from '@/context';
+import { HTTP_STATUS_CODE } from '@/consts/Http';
+import { MILVUS_ADDRESS } from '@/consts/Localstorage';
 
 let axiosResInterceptor: number | null = null;
 // let timer: Record<string, ReturnType<typeof setTimeout> | number>[] = [];

client/src/components/layout/Header.tsx

@@ -1,10 +1,8 @@
-import { FC, useContext, useEffect } from 'react';
+import { FC, useContext } from 'react';
+import { useTranslation } from 'react-i18next';
 import { makeStyles, Theme, createStyles, Typography } from '@material-ui/core';
 import { useNavigate } from 'react-router-dom';
-import { navContext } from '@/context/Navigation';
-import { databaseContext } from '@/context/Database';
-import { authContext } from '@/context/Auth';
-import { useTranslation } from 'react-i18next';
+import { navContext, databaseContext, authContext } from '@/context';
 import { MilvusHttp } from '@/http/Milvus';
 import { MILVUS_ADDRESS } from '@/consts/Localstorage';
 import CustomSelector from '@/components/customSelector/CustomSelector';

client/src/components/uploader/Uploader.tsx

@@ -1,6 +1,6 @@
 import { makeStyles, Theme } from '@material-ui/core';
 import { FC, useContext, useRef } from 'react';
-import { rootContext } from '../../context/Root';
+import { rootContext } from '@/context';
 import CustomButton from '../customButton/CustomButton';
 import { UploaderProps } from './Types';
 

client/src/context/Auth.tsx

@@ -1,6 +1,6 @@
 import { createContext, useEffect, useState } from 'react';
-import { MILVUS_ADDRESS } from '../consts/Localstorage';
-import { MilvusHttp } from '../http/Milvus';
+import { MILVUS_ADDRESS } from '@/consts/Localstorage';
+import { MilvusHttp } from '@/http/Milvus';
 import { AuthContextType } from './Types';
 
 export const authContext = createContext<AuthContextType>({

client/src/context/Navigation.tsx

@@ -1,6 +1,6 @@
 import { createContext, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { NavInfo } from '../router/Types';
+import { NavInfo } from '@/router/Types';
 import { NavContextType } from './Types';
 
 export const navContext = createContext<NavContextType>({

client/src/context/Prometheus.tsx

@@ -1,22 +1,21 @@
 import React, { createContext, useContext, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { authContext, rootContext } from '@/context';
 import { PrometheusContextType } from './Types';
-import { authContext } from '../context/Auth';
 import {
   LAST_TIME_WITH_PROMETHEUS,
   LAST_TIME_PROMETHEUS_ADDRESS,
   LAST_TIME_PROMETHEUS_INSTANCE,
   LAST_TIME_PROMETHEUS_NAMESPACE,
-} from '../consts/Localstorage';
-import { formatPrometheusAddress } from '../utils/Format';
-import { PrometheusHttp } from '../http/Prometheus';
+} from '@/consts/Localstorage';
+import { formatPrometheusAddress } from '@/utils/Format';
+import { PrometheusHttp } from '@/http/Prometheus';
 import {
   PROMETHEUS_ADDRESS,
   PROMETHEUS_INSTANCE_NAME,
   PROMETHEUS_NAMESPACE,
   WITH_PROMETHEUS,
-} from '../consts/Prometheus';
-import { rootContext } from './Root';
-import { useTranslation } from 'react-i18next';
+} from '@/consts/Prometheus';
 
 export const prometheusContext = createContext<PrometheusContextType>({
   withPrometheus: false,

client/src/context/Root.tsx

@@ -2,17 +2,17 @@ import { useState, useCallback, useEffect, useContext } from 'react';
 import React from 'react';
 import { ThemeProvider, makeStyles } from '@material-ui/core/styles';
 import { SwipeableDrawer } from '@material-ui/core';
-import { authContext } from '../context/Auth';
+import { authContext } from '@/context';
 import {
   RootContextType,
   DialogType,
   SnackBarType,
   OpenSnackBarType,
 } from './Types';
-import CustomSnackBar from '../components/customSnackBar/CustomSnackBar';
-import CustomDialog from '../components/customDialog/CustomDialog';
+import CustomSnackBar from '@/components/customSnackBar/CustomSnackBar';
+import CustomDialog from '@/components/customDialog/CustomDialog';
+import { MilvusHttp } from '@/http/Milvus';
 import { theme } from '../styles/theme';
-import { MilvusHttp } from '../http/Milvus';
 
 const DefaultDialogConfigs: DialogType = {
   open: false,

client/src/context/Types.ts

@@ -1,6 +1,6 @@
 import { Dispatch, ReactElement, SetStateAction } from 'react';
-import { CollectionView } from '../pages/collections/Types';
-import { NavInfo } from '../router/Types';
+import { CollectionView } from '@/pages/collections/Types';
+import { NavInfo } from '@/router/Types';
 
 export type RootContextType = {
   openSnackBar: OpenSnackBarType;

client/src/context/WebSocket.tsx

@@ -1,12 +1,12 @@
 import { createContext, useContext, useEffect, useState, useRef } from 'react';
 import { io, Socket } from 'socket.io-client';
-import { WS_EVENTS, WS_EVENTS_TYPE } from '../consts/Http';
-import { authContext } from '../context/Auth';
-import { url } from '../http/Axios';
-import { CollectionHttp } from '../http/Collection';
-import { MilvusHttp } from '../http/Milvus';
-import { CollectionView } from '../pages/collections/Types';
-import { checkIndexBuilding, checkLoading } from '../utils/Validation';
+import { WS_EVENTS, WS_EVENTS_TYPE } from '@/consts/Http';
+import { authContext } from '@/context';
+import { url } from '@/http/Axios';
+import { CollectionHttp } from '@/http/Collection';
+import { MilvusHttp } from '@/http/Milvus';
+import { CollectionView } from '@/pages/collections/Types';
+import { checkIndexBuilding, checkLoading } from '@/utils/Validation';
 import { WebSocketType } from './Types';
 
 export const webSocketContext = createContext<WebSocketType>({

client/src/context/index.tsx

@@ -0,0 +1,7 @@
+export * from './Auth';
+export * from './Database';
+export * from './Navigation';
+export * from './Prometheus';
+export * from './Root';
+export * from './Types';
+export * from './WebSocket';

client/src/hooks/Dialog.tsx

@@ -1,5 +1,5 @@
 import { ReactElement, useContext } from 'react';
-import { rootContext } from '../context/Root';
+import { rootContext } from '@/context';
 
 export const useInsertDialogHook = () => {
   const { setDialog } = useContext(rootContext);

client/src/hooks/Navigation.ts

@@ -1,7 +1,7 @@
 import { useContext, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
-import { navContext } from '../context/Navigation';
-import { ALL_ROUTER_TYPES, NavInfo } from '../router/Types';
+import { navContext } from '@/context';
+import { ALL_ROUTER_TYPES, NavInfo } from '@/router/Types';
 
 export const useNavigationHook = (
   type: ALL_ROUTER_TYPES,

client/src/pages/collections/Aliases.tsx

@@ -1,7 +1,7 @@
 import { useContext } from 'react';
 import { Chip, IconButton, makeStyles, Theme } from '@material-ui/core';
 import { useTranslation } from 'react-i18next';
-import { rootContext } from '@/context/Root';
+import { rootContext } from '@/context';
 import { AliasesProps } from './Types';
 import icons from '@/components/icons/Icons';
 import DeleteIcon from '@material-ui/icons/Delete';

client/src/pages/collections/Collection.tsx

@@ -2,7 +2,7 @@ import { useMemo, useContext } from 'react';
 import { useNavigate, useLocation, useParams } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 import { makeStyles, Theme } from '@material-ui/core';
-import { authContext } from '@/context/Auth';
+import { authContext } from '@/context';
 import { useNavigationHook } from '@/hooks/Navigation';
 import { ALL_ROUTER_TYPES } from '@/router/Types';
 import CustomTabList from '@/components/customTabList/CustomTabList';

client/src/pages/collections/Collections.tsx

@@ -2,8 +2,13 @@ import { useCallback, useContext, useEffect, useMemo, useState } from 'react';
 import { Link, useSearchParams } from 'react-router-dom';
 import { makeStyles, Theme } from '@material-ui/core';
 import { useTranslation } from 'react-i18next';
-import { authContext } from '@/context/Auth';
-import { databaseContext } from '@/context/Database';
+import Highlighter from 'react-highlight-words';
+import {
+  rootContext,
+  authContext,
+  databaseContext,
+  webSocketContext,
+} from '@/context';
 import { useNavigationHook } from '@/hooks/Navigation';
 import { ALL_ROUTER_TYPES } from '@/router/Types';
 import AttuGrid from '@/components/grid/Grid';
@@ -17,19 +22,16 @@ import Status from '@/components/status/Status';
 import { ChildrenStatusType } from '@/components/status/Types';
 import StatusIcon from '@/components/status/StatusIcon';
 import CustomToolTip from '@/components/customToolTip/CustomToolTip';
-import { rootContext } from '@/context/Root';
 import CreateCollectionDialog from '../dialogs/CreateCollectionDialog';
 import { CollectionHttp } from '@/http/Collection';
 import LoadCollectionDialog from '../dialogs/LoadCollectionDialog';
 import ReleaseCollectionDialog from '../dialogs/ReleaseCollectionDialog';
 import DropCollectionDialog from '../dialogs/DropCollectionDialog';
 import RenameCollectionDialog from '../dialogs/RenameCollectionDialog';
-import Highlighter from 'react-highlight-words';
 import InsertDialog from '../dialogs/insert/Dialog';
 import ImportSampleDialog from '../dialogs/ImportSampleDialog';
 import { MilvusHttp } from '@/http/Milvus';
 import { LOADING_STATE } from '@/consts/Milvus';
-import { webSocketContext } from '@/context/WebSocket';
 import { WS_EVENTS, WS_EVENTS_TYPE } from '@/consts/Http';
 import { checkIndexBuilding, checkLoading } from '@/utils/Validation';
 import Aliases from './Aliases';

client/src/pages/connect/AuthForm.tsx

@@ -1,21 +1,19 @@
 import React, { useContext, useMemo, useState } from 'react';
-
 import { makeStyles, Theme, Typography } from '@material-ui/core';
+import { useTranslation } from 'react-i18next';
 import CustomButton from '@/components/customButton/CustomButton';
 import CustomInput from '@/components/customInput/CustomInput';
 import icons from '@/components/icons/Icons';
-import { useTranslation } from 'react-i18next';
 import { ITextfieldConfig } from '@/components/customInput/Types';
 import { useFormValidation } from '@/hooks/Form';
 import { formatForm } from '@/utils/Form';
 import { MilvusHttp } from '@/http/Milvus';
 import { useNavigate } from 'react-router-dom';
-import { rootContext } from '@/context/Root';
-import { authContext } from '@/context/Auth';
-import { MILVUS_ADDRESS, LAST_TIME_ADDRESS } from '../../consts/Localstorage';
-import { MILVUS_URL } from '../../consts/Milvus';
+import { rootContext, authContext, prometheusContext } from '@/context';
+import {} from '@/context/Auth';
+import { MILVUS_ADDRESS, LAST_TIME_ADDRESS } from '@/consts/Localstorage';
+import { MILVUS_URL } from '@/consts/Milvus';
 import { CustomRadio } from '@/components/customRadio/CustomRadio';
-import { prometheusContext } from '@/context/Prometheus';
 
 const useStyles = makeStyles((theme: Theme) => ({
   wrapper: {

client/src/pages/database/Database.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useEffect, useState } from 'react';
+import { useContext, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { DatabaseHttp } from '@/http/Database';
 import AttuGrid from '@/components/grid/Grid';
@@ -9,7 +9,7 @@ import {
   DatabaseData,
 } from './Types';
 import DeleteTemplate from '@/components/customDialog/DeleteDialogTemplate';
-import { rootContext } from '@/context/Root';
+import { rootContext } from '@/context';
 import { useNavigationHook } from '@/hooks/Navigation';
 import { ALL_ROUTER_TYPES } from '@/router/Types';
 import CreateUser from './Create';

client/src/pages/dialogs/CreateAliasDialog.tsx

@@ -1,14 +1,14 @@
 import { FC, useContext, useMemo, useState } from 'react';
 import { Typography, makeStyles, Theme } from '@material-ui/core';
 import { useTranslation } from 'react-i18next';
-import { rootContext } from '@/context/Root';
+import { rootContext } from '@/context';
 import DialogTemplate from '@/components/customDialog/DialogTemplate';
 import CustomInput from '@/components/customInput/CustomInput';
 import { formatForm } from '@/utils/Form';
 import { useFormValidation } from '@/hooks/Form';
 import { ITextfieldConfig } from '@/components/customInput/Types';
 import { CollectionHttp } from '@/http/Collection';
-import { CreateAliasProps } from '../collections/Types';
+import { CreateAliasProps } from './Types';
 
 const useStyles = makeStyles((theme: Theme) => ({
   desc: {

client/src/pages/dialogs/CreateCollectionDialog.tsx

@@ -5,7 +5,7 @@ import DialogTemplate from '@/components/customDialog/DialogTemplate';
 import CustomInput from '@/components/customInput/CustomInput';
 import CustomSelector from '@/components/customSelector/CustomSelector';
 import { ITextfieldConfig } from '@/components/customInput/Types';
-import { rootContext } from '@/context/Root';
+import { rootContext } from '@/context';
 import { useFormValidation } from '@/hooks/Form';
 import { formatForm } from '@/utils/Form';
 import { TypeEnum } from '@/utils/Validation';

client/src/pages/dialogs/CreatePartitionDialog.tsx

@@ -1,7 +1,7 @@
 import { makeStyles, Theme } from '@material-ui/core';
 import { FC, useMemo, useState, useContext } from 'react';
 import { useTranslation } from 'react-i18next';
-import { rootContext } from '@/context/Root';
+import { rootContext } from '@/context';
 import DialogTemplate from '@/components/customDialog/DialogTemplate';
 import CustomInput from '@/components/customInput/CustomInput';
 import { ITextfieldConfig } from '@/components/customInput/Types';

client/src/pages/dialogs/DropCollectionDialog.tsx

@@ -1,6 +1,6 @@
 import { FC, useContext } from 'react';
 import { useTranslation } from 'react-i18next';
-import { rootContext } from '@/context/Root';
+import { rootContext } from '@/context';
 import DeleteTemplate from '@/components/customDialog/DeleteDialogTemplate';
 import { CollectionHttp } from '@/http/Collection';
 import { DropCollectionProps } from './Types';

client/src/pages/dialogs/DropPartitionDialog.tsx

@@ -1,6 +1,6 @@
 import { FC, useContext } from 'react';
 import { useTranslation } from 'react-i18next';
-import { rootContext } from '@/context/Root';
+import { rootContext } from '@/context';
 import DeleteTemplate from '@/components/customDialog/DeleteDialogTemplate';
 import { DropPartitionProps } from './Types';
 import { PartitionHttp } from '@/http/Partition';

client/src/pages/dialogs/ImportSampleDialog.tsx

@@ -3,7 +3,7 @@ import { FC, useState, useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 import DialogTemplate from '@/components/customDialog/DialogTemplate';
 import CustomSelector from '@/components/customSelector/CustomSelector';
-import { rootContext } from '@/context/Root';
+import { rootContext } from '@/context';
 import { InsertStatusEnum } from './insert/Types';
 import { CollectionHttp } from '@/http/Collection';
 import { MilvusHttp } from '@/http/Milvus';

client/src/pages/dialogs/LoadCollectionDialog.tsx

@@ -7,9 +7,8 @@ import {
   FormControlLabel,
 } from '@material-ui/core';
 import { useTranslation } from 'react-i18next';
-import { authContext } from '@/context/Auth';
+import { authContext, rootContext } from '@/context';
 import { CollectionHttp } from '@/http/Collection';
-import { rootContext } from '@/context/Root';
 import { useFormValidation } from '@/hooks/Form';
 import { formatForm } from '@/utils/Form';
 import { parseJson, getNode } from '@/utils/Metric';
@@ -18,7 +17,7 @@ import { ITextfieldConfig } from '@/components/customInput/Types';
 import DialogTemplate from '@/components/customDialog/DialogTemplate';
 import { MilvusHttp } from '@/http/Milvus';
 import CustomToolTip from '@/components/customToolTip/CustomToolTip';
-import { MILVUS_NODE_TYPE, MILVUS_DEPLOY_MODE } from '../../consts/Milvus';
+import { MILVUS_NODE_TYPE, MILVUS_DEPLOY_MODE } from '@/consts/Milvus';
 import icons from '@/components/icons/Icons';
 
 const useStyles = makeStyles((theme: Theme) => ({

client/src/pages/dialogs/ReleaseCollectionDialog.tsx

@@ -2,7 +2,7 @@ import { useContext, useState } from 'react';
 import { Typography, makeStyles, Theme } from '@material-ui/core';
 import { useTranslation } from 'react-i18next';
 import { CollectionHttp } from '@/http/Collection';
-import { rootContext } from '@/context/Root';
+import { rootContext } from '@/context';
 import DialogTemplate from '@/components/customDialog/DialogTemplate';
 
 const useStyles = makeStyles((theme: Theme) => ({

client/src/pages/dialogs/RenameCollectionDialog.tsx

@@ -1,7 +1,7 @@
 import { FC, useContext, useMemo, useState } from 'react';
 import { Typography, makeStyles, Theme } from '@material-ui/core';
 import { useTranslation } from 'react-i18next';
-import { rootContext } from '@/context/Root';
+import { rootContext } from '@/context';
 import DialogTemplate from '@/components/customDialog/DialogTemplate';
 import CustomInput from '@/components/customInput/CustomInput';
 import { formatForm } from '@/utils/Form';

client/src/pages/dialogs/insert/Dialog.tsx

@@ -8,10 +8,14 @@ import {
   useMemo,
   useState,
 } from 'react';
+import { parse } from 'papaparse';
 import { useTranslation } from 'react-i18next';
 import DialogTemplate from '@/components/customDialog/DialogTemplate';
 import icons from '@/components/icons/Icons';
-import { rootContext } from '@/context/Root';
+import { rootContext } from '@/context';
+import { Option } from '@/components/customSelector/Types';
+import { PartitionHttp } from '@/http/Partition';
+import { combineHeadsAndData } from '@/utils/Insert';
 import InsertImport from './Import';
 import InsertPreview from './Preview';
 import InsertStatus from './Status';
@@ -20,10 +24,6 @@ import {
   InsertStatusEnum,
   InsertStepperEnum,
 } from './Types';
-import { Option } from '@/components/customSelector/Types';
-import { parse } from 'papaparse';
-import { PartitionHttp } from '@/http/Partition';
-import { combineHeadsAndData } from '@/utils/Insert';
 
 const getStyles = makeStyles((theme: Theme) => ({
   icon: {

client/src/pages/index.tsx

@@ -2,15 +2,13 @@ import { useMemo, useContext } from 'react';
 import { Outlet, useNavigate, useLocation, Navigate } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 import { makeStyles, Theme, createStyles } from '@material-ui/core';
-import GlobalEffect from '../components/layout/GlobalEffect';
-import Header from '../components/layout/Header';
-import NavMenu from '../components/menu/NavMenu';
-import { NavMenuItem } from '../components/menu/Types';
-import icons from '../components/icons/Icons';
-import { authContext } from '../context/Auth';
-import { rootContext } from '../context/Root';
-import Overview from '../pages/overview/Overview';
-import { prometheusContext } from '../context/Prometheus';
+import GlobalEffect from '@/components/layout/GlobalEffect';
+import Header from '@/components/layout/Header';
+import NavMenu from '@/components/menu/NavMenu';
+import { NavMenuItem } from '@/components/menu/Types';
+import icons from '@/components/icons/Icons';
+import { authContext, rootContext, prometheusContext } from '@/context';
+import Overview from '@/pages/overview/Overview';
 
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({

client/src/pages/overview/Overview.tsx

@@ -1,13 +1,11 @@
 import { makeStyles, Theme, Typography, useTheme } from '@material-ui/core';
 import { useCallback, useContext, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { databaseContext } from '@/context/Database';
+import { rootContext, webSocketContext, databaseContext } from '@/context';
 import EmptyCard from '@/components/cards/EmptyCard';
 import icons from '@/components/icons/Icons';
 import { WS_EVENTS, WS_EVENTS_TYPE } from '@/consts/Http';
 import { LOADING_STATE } from '@/consts/Milvus';
-import { rootContext } from '@/context/Root';
-import { webSocketContext } from '@/context/WebSocket';
 import { useNavigationHook } from '@/hooks/Navigation';
 import { CollectionHttp } from '@/http/Collection';
 import { MilvusHttp } from '@/http/Milvus';

client/src/pages/overview/collectionCard/CollectionCard.tsx

@@ -9,7 +9,7 @@ import CustomIconButton from '@/components/customButton/CustomIconButton';
 import { useNavigate, Link } from 'react-router-dom';
 import { LOADING_STATE } from '@/consts/Milvus';
 import ReleaseCollectionDialog from '../../dialogs/ReleaseCollectionDialog';
-import { rootContext } from '@/context/Root';
+import { rootContext } from '@/context';
 
 const useStyles = makeStyles((theme: Theme) => ({
   wrapper: {

client/src/pages/partitions/Partitions.tsx

@@ -8,7 +8,7 @@ import { useTranslation } from 'react-i18next';
 import { usePaginationHook } from '@/hooks/Pagination';
 import icons from '@/components/icons/Icons';
 import CustomToolTip from '@/components/customToolTip/CustomToolTip';
-import { rootContext } from '@/context/Root';
+import { rootContext } from '@/context';
 import { PartitionHttp } from '@/http/Partition';
 import Highlighter from 'react-highlight-words';
 import { useInsertDialogHook } from '@/hooks/Dialog';

client/src/pages/query/Query.tsx

@@ -2,7 +2,7 @@ import { FC, useEffect, useState, useRef, useContext } from 'react';
 import { TextField } from '@material-ui/core';
 import { useTranslation } from 'react-i18next';
 import { Parser } from '@json2csv/plainjs';
-import { rootContext } from '@/context/Root';
+import { rootContext } from '@/context';
 import EmptyCard from '@/components/cards/EmptyCard';
 import icons from '@/components/icons/Icons';
 import CustomButton from '@/components/customButton/CustomButton';

client/src/pages/schema/IndexTypeElement.tsx

@@ -11,7 +11,7 @@ import {
 import { useTranslation } from 'react-i18next';
 import { makeStyles, Theme } from '@material-ui/core';
 import icons from '@/components/icons/Icons';
-import { rootContext } from '@/context/Root';
+import { rootContext } from '@/context';
 import CreateIndex from './Create';
 import DeleteTemplate from '@/components/customDialog/DeleteDialogTemplate';
 import StatusIcon from '@/components/status/StatusIcon';

client/src/pages/search/SearchParams.tsx

@@ -12,7 +12,7 @@ import {
   METRIC_OPTIONS_MAP,
   searchKeywordsType,
 } from '../../consts/Milvus';
-import { rootContext } from '@/context/Root';
+import { rootContext } from '@/context';
 import { useFormValidation } from '@/hooks/Form';
 import { formatForm } from '@/utils/Form';
 import { SearchParamInputConfig, SearchParamsProps } from './Types';

client/src/pages/search/VectorSearch.tsx

@@ -7,7 +7,7 @@ import { useNavigationHook } from '@/hooks/Navigation';
 import { useSearchResult } from '@/hooks/Result';
 import { usePaginationHook } from '@/hooks/Pagination';
 import { useTimeTravelHook } from '@/hooks/TimeTravel';
-import { databaseContext } from '@/context/Database';
+import { databaseContext } from '@/context';
 import CustomSelector from '@/components/customSelector/CustomSelector';
 import { ColDefinitionsType } from '@/components/grid/Types';
 import AttuGrid from '@/components/grid/Grid';

client/src/pages/systemHealthy/Topology.tsx

@@ -1,5 +1,5 @@
 import { makeStyles, Theme, useTheme } from '@material-ui/core';
-import { Dispatch, memo, useContext } from 'react';
+import { useContext } from 'react';
 import {
   TOPO_HEIGHT,
   TOPO_LINK_LENGTH,
@@ -10,7 +10,7 @@ import { getIcon } from './getIcon';
 import { ENodeService, ENodeType, INodeTreeStructure } from './Types';
 import clsx from 'clsx';
 import { formatPrometheusAddress } from '@/utils/Format';
-import { prometheusContext } from '@/context/Prometheus';
+import { prometheusContext } from '@/context';
 
 const getStyles = makeStyles((theme: Theme) => ({
   root: {

client/src/pages/user/Roles.tsx

@@ -6,7 +6,7 @@ import AttuGrid from '@/components/grid/Grid';
 import { ColDefinitionsType, ToolBarConfig } from '@/components/grid/Types';
 import { DeleteRoleParams, RoleData } from './Types';
 import DeleteTemplate from '@/components/customDialog/DeleteDialogTemplate';
-import { rootContext } from '@/context/Root';
+import { rootContext } from '@/context';
 import { useNavigationHook } from '@/hooks/Navigation';
 import { ALL_ROUTER_TYPES } from '@/router/Types';
 import UpdateRoleDialog from './UpdateRoleDialog';

client/src/pages/user/User.tsx

@@ -12,7 +12,7 @@ import {
   UpdateUserRoleParams,
 } from './Types';
 import DeleteTemplate from '@/components/customDialog/DeleteDialogTemplate';
-import { rootContext } from '@/context/Root';
+import { rootContext } from '@/context';
 import { useNavigationHook } from '@/hooks/Navigation';
 import { ALL_ROUTER_TYPES } from '@/router/Types';
 import CreateUser from './CreateUser';

client/src/router/Router.tsx

@@ -1,15 +1,15 @@
 import { createHashRouter, RouterProvider } from 'react-router-dom';
 import { useContext } from 'react';
-import { authContext } from '../context/Auth';
-import Collection from '../pages/collections/Collection';
-import Collections from '../pages/collections/Collections';
-import Connect from '../pages/connect/Connect';
-import Users from '../pages/user/Users';
-import Database from '../pages/database/Database';
-import Index from '../pages/index';
-import Search from '../pages/search/VectorSearch';
-import System from '../pages/system/SystemView';
-import SystemHealthy from '../pages/systemHealthy/SystemHealthyView';
+import { authContext } from '@/context';
+import Collection from '@/pages/collections/Collection';
+import Collections from '@/pages/collections/Collections';
+import Connect from '@/pages/connect/Connect';
+import Users from '@/pages/user/Users';
+import Database from '@/pages/database/Database';
+import Index from '@/pages/index';
+import Search from '@/pages/search/VectorSearch';
+import System from '@/pages/system/SystemView';
+import SystemHealthy from '@/pages/systemHealthy/SystemHealthyView';
 
 const routeObj = [
   {