@nocobase/client-v2 2.3.0-beta.6 → 2.4.0-alpha.1

package/src/settings-center/AdminSettingsLayout.tsx

@@ -7,61 +7,92 @@
  * For more information, please refer to: https://www.nocobase.com/agreement.
  */
 
-import { ApiOutlined } from '@ant-design/icons';
 import { PageHeader } from '@ant-design/pro-layout';
 import { css } from '@emotion/css';
 import { FlowModelRenderer, useFlowEngine } from '@nocobase/flow-engine';
-import { Layout, Menu, Result, theme } from 'antd';
+import { Layout, Result, Tabs, theme } from 'antd';
 import React, { useEffect, useMemo, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import { generatePath, Navigate, Outlet, useLocation, useNavigate, useParams } from 'react-router-dom';
-import { useACLRoleContext } from '../acl';
-import { ADMIN_SETTINGS_PATH, type PluginSettingsPageType } from '../PluginSettingsManager';
+import { getModernClientPrefix } from '../authRedirect';
+import type { PluginSettingsPageType } from '../PluginSettingsManager';
 import { useApp } from '../hooks/useApp';
+import { resolveSettingsAppScopeWithinPublicPath } from '../settings-app/settingsDocumentPath';
 import { AdminSettingsLayoutModel } from './AdminSettingsLayoutModel';
+import { useSettingsGroups } from './useSettingsGroups';
 import {
   ADMIN_SETTINGS_LAYOUT_MODEL_UID,
   createSettingsPathMap,
-  filterRenderableSettings,
-  filterVisibleSettings,
   getDefaultSettingsPath,
-  getMenuItems,
   matchSettingsRoute,
-  PLUGIN_MANAGER_SETTING_NAME,
-  replaceRouteParams,
-  sortTopLevelSettings,
 } from './utils';
 
-function SettingsEmpty(props: { type: 'home' | 'route' }) {
+/**
+ * Maximum width of the content area.
+ *
+ * Centers and narrows the content on wide screens: settings pages are mostly forms
+ * and lists, and across 2560px a single line sweeps the whole display, which is
+ * tiring to read and leaves the actions on the right far from the title on the left.
+ */
+const SETTINGS_CONTENT_MAX_WIDTH = 1280;
+
+function AdminDocumentRedirect() {
+  const app = useApp();
+  const rootPublicPath = app.getPublicPath().replace(/\/+$/, '');
+  const appScope = resolveSettingsAppScopeWithinPublicPath(app.getPublicPath(), app.router.getBasename?.());
+  const targetPath = `${rootPublicPath}/${getModernClientPrefix()}${appScope}/admin`;
+
+  useEffect(() => {
+    window.location.replace(targetPath);
+  }, [targetPath]);
+
+  return app.renderComponent('AppSpin');
+}
+
+function SettingsEmpty(props: { type: 'forbidden' | 'home' | 'not-found' }) {
   const { type } = props;
   const { t } = useTranslation();
 
-  if (type === 'route') {
-    return (
-      <Result
-        status="warning"
-        title={t('Current settings page is unavailable')}
-        subTitle={t('The requested settings page does not exist or you do not have permission to access it.')}
-      />
+  let status: '403' | '404' | 'info';
+  let title: string;
+  let subTitle: string;
+
+  if (type === 'forbidden') {
+    status = '403';
+    title = t('Your current role cannot access Settings');
+    subTitle = t('Switch to a role with access, or contact an administrator to request access.');
+  } else if (type === 'not-found') {
+    status = '404';
+    title = t('Settings page not found');
+    subTitle = t('The settings page you requested does not exist or has been removed.');
+  } else {
+    status = 'info';
+    title = t('No settings pages available');
+    subTitle = t(
+      'No settings pages are currently available in Client V2. Settings registered by migrated plugins will appear here automatically.',
     );
   }
 
   return (
-    <Result
-      status="info"
-      title={t('No settings pages available')}
-      subTitle={t(
-        'No settings pages are currently available in Client V2. Settings registered by migrated plugins will appear here automatically.',
-      )}
-    />
+    <div role="status" aria-atomic="true">
+      <Result
+        status={status}
+        title={
+          <span role="heading" aria-level={1}>
+            {title}
+          </span>
+        }
+        subTitle={subTitle}
+      />
+    </div>
   );
 }
 
 /**
  * `client-v2` 的 settings 页面壳实现。
  *
- * 该组件负责左侧菜单、顶部 tabs、默认落点和两类空态，
- * 页面内容本身继续由各个 settings route 的 `<Outlet />` 渲染。
+ * 一级分组铺在顶栏（见 `SettingsGroupNav`），这里负责当前分组下的二三级嵌套菜单、
+ * 默认落点和两类空态，页面内容本身继续由各个 settings route 的 `<Outlet />` 渲染。
  */
 export const InternalAdminSettingsLayout = () => {
   const app = useApp();
@@ -72,48 +103,18 @@ export const InternalAdminSettingsLayout = () => {
     Object.entries(params).filter((entry): entry is [string, string] => typeof entry[1] === 'string'),
   );
   const { token } = theme.useToken();
-  const { t } = useTranslation();
-  const { snippets = [] } = useACLRoleContext();
+  const {
+    allSettings,
+    currentSetting,
+    currentTopLevelSetting,
+    visibleSettings: allVisibleSettings,
+  } = useSettingsGroups();
 
-  const allSettings = useMemo(
-    () => filterRenderableSettings(app.pluginSettingsManager.getList(false) as PluginSettingsPageType[]),
-    [app.pluginSettingsManager],
-  );
-  const visibleSettings = useMemo(
-    () =>
-      filterVisibleSettings(
-        filterRenderableSettings(app.pluginSettingsManager.getList(true) as PluginSettingsPageType[]),
-      ),
-    [app.pluginSettingsManager],
-  );
-  const pluginManagerSetting = useMemo(
-    () => visibleSettings.find((item) => item.name === PLUGIN_MANAGER_SETTING_NAME) || null,
-    [visibleSettings],
-  );
-  const normalSettings = useMemo(
-    () => sortTopLevelSettings(visibleSettings.filter((item) => item.name !== PLUGIN_MANAGER_SETTING_NAME)),
-    [visibleSettings],
-  );
-  const allVisibleSettings = useMemo(
-    () => (pluginManagerSetting ? [pluginManagerSetting, ...normalSettings] : normalSettings),
-    [normalSettings, pluginManagerSetting],
-  );
-  const registeredSettingsMapByPath = useMemo(() => createSettingsPathMap(allSettings), [allSettings]);
   const visibleSettingsMapByPath = useMemo(() => createSettingsPathMap(allVisibleSettings), [allVisibleSettings]);
-  const currentSetting = useMemo(
-    () => matchSettingsRoute(registeredSettingsMapByPath, location.pathname),
-    [location.pathname, registeredSettingsMapByPath],
-  );
   const currentVisibleSetting = useMemo(
     () => matchSettingsRoute(visibleSettingsMapByPath, location.pathname),
     [location.pathname, visibleSettingsMapByPath],
   );
-  const currentTopLevelSetting = useMemo(() => {
-    if (!currentSetting) {
-      return null;
-    }
-    return allSettings.find((item) => item.name === currentSetting.topLevelName) || currentSetting;
-  }, [allSettings, currentSetting]);
   const currentVisibleTopLevelSetting = useMemo(() => {
     if (!currentSetting) {
       return null;
@@ -121,10 +122,34 @@ export const InternalAdminSettingsLayout = () => {
     return allVisibleSettings.find((item) => item.name === currentSetting.topLevelName) || null;
   }, [allVisibleSettings, currentSetting]);
   const defaultSettingsPath = useMemo(() => getDefaultSettingsPath(allVisibleSettings), [allVisibleSettings]);
-  const currentVisibleTabs = useMemo(() => {
-    return (currentVisibleTopLevelSetting?.children || []).filter((item) => !item.hidden) as PluginSettingsPageType[];
-  }, [currentVisibleTopLevelSetting?.children]);
-  const shouldShowTabs = currentVisibleTabs.length > 1 && currentVisibleTopLevelSetting?.showTabs !== false;
+  const settingsRootPath = app.pluginSettingsManager.getRoutePath('');
+  const settingsRootPathWithoutTrailingSlash = settingsRootPath.replace(/\/$/, '');
+
+  // No sidebar: single-entry groups never needed one, and multi-entry groups such as
+  // "other settings" now use the hover dropdown in the top bar. Children of a
+  // top-level setting (users / roles / sync) keep using the tabs under the header.
+  // 子页面一律走页头下的 Tab：左栏只表达「哪个模块」，模块内部的分页交给 Tab，
+  // 和 v1 设置中心保持一致。
+  const pageTabs = useMemo(() => {
+    const children = (currentVisibleTopLevelSetting?.children || []).filter(
+      (item) => !item.hidden && !item.link && item.path,
+    );
+    return children.length > 1 ? children.map((item) => ({ key: item.path, label: item.label ?? item.title })) : [];
+  }, [currentVisibleTopLevelSetting]);
+  const activeTabKey = useMemo(() => {
+    if (!pageTabs.length) {
+      return undefined;
+    }
+    const matched = pageTabs.find(
+      (tab) => location.pathname === tab.key || location.pathname.startsWith(`${tab.key}/`),
+    );
+    return matched?.key ?? pageTabs[0]?.key;
+  }, [location.pathname, pageTabs]);
+  // 页头只需要补一句「当前在哪个子页」。
+  const pageSubTitle =
+    currentVisibleSetting && currentVisibleSetting.title !== currentTopLevelSetting?.title
+      ? currentVisibleSetting.title
+      : undefined;
 
   useEffect(() => {
     const nextTitle =
@@ -137,33 +162,22 @@ export const InternalAdminSettingsLayout = () => {
     }
   }, [currentTopLevelSetting]);
 
-  const sidebarMenus = useMemo(() => {
-    const items: any[] = [];
-
-    if (pluginManagerSetting && snippets.includes('pm')) {
-      items.push({
-        key: pluginManagerSetting.name,
-        icon: pluginManagerSetting.icon || <ApiOutlined />,
-        label: pluginManagerSetting.label || t('Plugin manager'),
-      });
-    }
-
-    if (items.length && normalSettings.length) {
-      items.push({ type: 'divider' });
-    }
-
-    const normalMenuItems =
-      getMenuItems(normalSettings.map((item) => ({ ...item, children: undefined }) as PluginSettingsPageType)) || [];
-
-    items.push(...normalMenuItems);
-
-    return items;
-  }, [normalSettings, pluginManagerSetting, snippets, t]);
-
   const shouldRedirectToDefault =
-    location.pathname === ADMIN_SETTINGS_PATH ||
-    location.pathname === ADMIN_SETTINGS_PATH.replace(/\/$/, '') ||
-    location.pathname === `${ADMIN_SETTINGS_PATH}index`;
+    location.pathname === settingsRootPath ||
+    location.pathname === settingsRootPathWithoutTrailingSlash ||
+    location.pathname === `${settingsRootPath}index`;
+  const currentPathWithoutTrailingSlash = location.pathname.replace(/\/+$/, '');
+  const currentTopLevelPathWithoutTrailingSlash = currentTopLevelSetting?.path.replace(/\/+$/, '');
+  const isTopLevelSettingsPath =
+    currentPathWithoutTrailingSlash === currentTopLevelPathWithoutTrailingSlash &&
+    !!currentTopLevelSetting?.children?.length;
+  const visibleIndexPath = isTopLevelSettingsPath
+    ? currentVisibleTopLevelSetting?.children?.find((item) => item.pageKey === 'index')?.path
+    : undefined;
+  const firstVisibleChildPath = isTopLevelSettingsPath
+    ? getDefaultSettingsPath(currentVisibleTopLevelSetting?.children as PluginSettingsPageType[])
+    : undefined;
+  const nextVisibleChildPath = visibleIndexPath || firstVisibleChildPath;
 
   if (shouldRedirectToDefault && defaultSettingsPath) {
     return <Navigate replace to={defaultSettingsPath} />;
@@ -174,11 +188,11 @@ export const InternalAdminSettingsLayout = () => {
   }
 
   if (!currentSetting) {
-    return <SettingsEmpty type="route" />;
+    return <SettingsEmpty type="not-found" />;
   }
 
   if (currentSetting.isAllow === false) {
-    const firstVisibleTabPath = currentVisibleTabs
+    const firstVisibleTabPath = (currentVisibleTopLevelSetting?.children || [])
       .map((tab) => getDefaultSettingsPath([tab]))
       .filter((path): path is string => typeof path === 'string')
       .map((path) => {
@@ -189,30 +203,24 @@ export const InternalAdminSettingsLayout = () => {
         }
       })
       .find((path): path is string => typeof path === 'string');
+
     if (firstVisibleTabPath) {
       return <Navigate replace to={firstVisibleTabPath} />;
     }
+
     if (!defaultSettingsPath) {
-      return <Navigate replace to="/admin" />;
+      return <AdminDocumentRedirect />;
     }
 
-    return <SettingsEmpty type="route" />;
+    return <SettingsEmpty type="forbidden" />;
   }
 
   if (currentSetting.link) {
     return <Navigate replace to={currentSetting.link} />;
   }
 
-  if (location.pathname === currentTopLevelSetting?.path && currentTopLevelSetting?.children?.length) {
-    const visibleIndexPath = currentVisibleTopLevelSetting?.children?.find((item) => item.pageKey === 'index')?.path;
-    const firstVisibleChildPath = getDefaultSettingsPath(
-      currentVisibleTopLevelSetting?.children as PluginSettingsPageType[],
-    );
-    const nextPath = visibleIndexPath || firstVisibleChildPath;
-
-    if (nextPath && nextPath !== location.pathname) {
-      return <Navigate replace to={nextPath} />;
-    }
+  if (nextVisibleChildPath && nextVisibleChildPath !== location.pathname) {
+    return <Navigate replace to={nextVisibleChildPath} />;
   }
 
   return (
@@ -225,41 +233,6 @@ export const InternalAdminSettingsLayout = () => {
         overflow: 'hidden',
       }}
     >
-      <Layout.Sider
-        width={200}
-        style={{
-          background: token.colorBgContainer,
-          borderInlineEnd: `${token.lineWidth}px solid ${token.colorBorderSecondary}`,
-          minHeight: 0,
-          overflowY: 'auto',
-          overflowX: 'hidden',
-        }}
-      >
-        <Menu
-          selectedKeys={currentVisibleTopLevelSetting?.name ? [currentVisibleTopLevelSetting.name] : []}
-          style={{ height: '100%', borderInlineEnd: 'none' }}
-          onClick={({ key }) => {
-            const topLevelSetting = allVisibleSettings.find((item) => item.name === key);
-            if (!topLevelSetting) {
-              return;
-            }
-
-            if (topLevelSetting.link) {
-              window.open(topLevelSetting.link, '_blank', 'noopener,noreferrer');
-              return;
-            }
-
-            const firstPath = topLevelSetting.children?.length
-              ? getDefaultSettingsPath(topLevelSetting.children)
-              : topLevelSetting.path;
-
-            if (firstPath) {
-              navigate(firstPath);
-            }
-          }}
-          items={sidebarMenus}
-        />
-      </Layout.Sider>
       <Layout.Content
         style={{
           background: token.colorBgLayout,
@@ -271,41 +244,53 @@ export const InternalAdminSettingsLayout = () => {
           overflow: 'hidden',
         }}
       >
-        <PageHeader
-          ghost={false}
-          title={currentTopLevelSetting?.title}
-          style={{
-            background: token.colorBgContainer,
-            borderBlockEnd: `${token.lineWidth}px solid ${token.colorBorderSecondary}`,
-            paddingBottom: shouldShowTabs ? 0 : token.padding,
-          }}
-          footer={
-            shouldShowTabs ? (
-              <Menu
-                mode="horizontal"
-                selectedKeys={[currentVisibleSetting?.name || currentSetting?.name]}
-                items={getMenuItems(currentVisibleTabs)}
-                onClick={({ key }) => {
-                  const targetPath = replaceRouteParams(app.pluginSettingsManager.getRoutePath(String(key)), params);
-                  if (location.pathname !== targetPath) {
-                    navigate(targetPath);
-                  }
-                }}
-                style={{ marginLeft: -token.marginSM, borderBottom: 'none' }}
-              />
-            ) : null
-          }
-        />
+        {/*
+          页头放在滚动容器**内部**：钉在外面会让页面出现嵌套滚动（窗口一条、内容区一条），
+          插件页面自己再带滚动区时会套成两三层，而且长页面白白少掉一条页头的高度。
+        */}
         <div
           style={{
             flex: 1,
             minHeight: 0,
             boxSizing: 'border-box',
             overflow: 'auto',
-            padding: token.paddingLG,
           }}
         >
-          <Outlet />
+          {/*
+            The header is no longer a full-width white band: title and content share one
+            background and one max width, so the page reads as a single surface rather
+            than a title bar stacked on a content area.
+          */}
+          <div style={{ margin: '0 auto', maxWidth: SETTINGS_CONTENT_MAX_WIDTH, padding: token.paddingLG }}>
+            <PageHeader
+              ghost
+              title={currentTopLevelSetting?.title}
+              subTitle={pageTabs.length ? undefined : pageSubTitle}
+              footer={
+                pageTabs.length ? (
+                  <Tabs
+                    activeKey={activeTabKey}
+                    items={pageTabs}
+                    tabBarStyle={{ marginBottom: 0 }}
+                    onChange={(key) => {
+                      if (key !== location.pathname) {
+                        navigate(key);
+                      }
+                    }}
+                  />
+                ) : undefined
+              }
+              // With the white band gone there is nothing separating header from content,
+              // so spacing does the job the bottom border used to do implicitly.
+              style={{
+                background: 'transparent',
+                marginBottom: token.marginLG,
+                paddingBlock: 0,
+                paddingInline: 0,
+              }}
+            />
+            <Outlet />
+          </div>
         </div>
       </Layout.Content>
     </Layout>

package/src/settings-center/SystemSettingsPage.tsx

@@ -7,29 +7,14 @@
  * For more information, please refer to: https://www.nocobase.com/agreement.
  */
 
-import { UploadOutlined } from '@ant-design/icons';
-import { Alert, Button, Form, Input, Select, Space, Upload, message, theme } from 'antd';
-import type { RcFile, UploadRequestOption } from 'rc-upload/lib/interface';
-import mime from 'mime';
-import match from 'mime-match';
+import { Alert, App, Button, Form, Input, Select, theme } from 'antd';
 import React, { useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import { AttachmentUpload } from '../components/AttachmentUpload';
 import languageCodes from '../locale/languageCodes';
 import { useApp } from '../hooks/useApp';
 import { useSystemSettings } from '../flow/system-settings';
 
-type UploadedAttachment = {
-  id?: number;
-  title?: string;
-  filename?: string;
-  url?: string;
-};
-
-type AttachmentStorageRules = {
-  size?: number;
-  mimetype?: string | string[];
-};
-
 /**
  * `System settings` 的最小 v2 表单页面。
  *
@@ -39,14 +24,11 @@ type AttachmentStorageRules = {
 export const SystemSettingsPage = () => {
   const app = useApp();
   const { token } = theme.useToken();
+  const { message } = App.useApp();
   const { t } = useTranslation();
   const { data, loading, error, mutate } = useSystemSettings();
   const [form] = Form.useForm();
   const [submitting, setSubmitting] = useState(false);
-  const [uploading, setUploading] = useState(false);
-  const [storageRules, setStorageRules] = useState<AttachmentStorageRules | null>(null);
-  const logo = Form.useWatch<UploadedAttachment>('logo', form);
-
   useEffect(() => {
     const settings = data?.data;
     if (!settings) {
@@ -60,45 +42,6 @@ export const SystemSettingsPage = () => {
     });
   }, [data?.data, form]);
 
-  useEffect(() => {
-    let mounted = true;
-
-    const loadStorageRules = async () => {
-      try {
-        const attachmentsCollection = app.dataSourceManager?.getCollection?.('main', 'attachments');
-        const storageName = attachmentsCollection?.getOption?.('storage');
-
-        if (!storageName) {
-          if (mounted) {
-            setStorageRules(null);
-          }
-          return;
-        }
-
-        const response = await app.apiClient.request({
-          url: `storages:getBasicInfo/${storageName}`,
-          skipNotify: true,
-        });
-
-        if (!mounted) {
-          return;
-        }
-
-        setStorageRules(response?.data?.data?.rules || null);
-      } catch (error) {
-        if (mounted) {
-          setStorageRules(null);
-        }
-      }
-    };
-
-    void loadStorageRules();
-
-    return () => {
-      mounted = false;
-    };
-  }, [app]);
-
   const languageOptions = useMemo(() => {
     const currentValues = form.getFieldValue('enabledLanguages') || data?.data?.enabledLanguages || [];
     const supported = Array.from(new Set([...Object.keys(languageCodes), ...currentValues]));
@@ -109,78 +52,6 @@ export const SystemSettingsPage = () => {
     }));
   }, [data?.data?.enabledLanguages, form]);
 
-  const accept = useMemo(() => {
-    const value = storageRules?.mimetype;
-    if (!value) {
-      return undefined;
-    }
-    return Array.isArray(value) ? value.join(',') : value;
-  }, [storageRules?.mimetype]);
-
-  const beforeUpload = async (file: RcFile) => {
-    const sizeLimit = storageRules?.size;
-
-    if (typeof sizeLimit === 'number' && sizeLimit > 0 && file.size > sizeLimit) {
-      message.error(t('File size exceeds the limit'));
-      return Upload.LIST_IGNORE;
-    }
-
-    const mimetypeRule = storageRules?.mimetype;
-    const normalizedRule = Array.isArray(mimetypeRule) ? mimetypeRule.join(',').trim() : `${mimetypeRule || ''}`.trim();
-
-    if (!normalizedRule || normalizedRule === '*') {
-      return file;
-    }
-
-    let targetFile = file;
-    if (!targetFile.type) {
-      const extname = targetFile.name?.match(/\.[^.]+$/)?.[0];
-      if (extname) {
-        targetFile = new File([targetFile], targetFile.name, {
-          type: mime.getType(extname) || 'application/octet-stream',
-          lastModified: targetFile.lastModified,
-        }) as RcFile;
-      }
-    }
-
-    const isAllowed = normalizedRule
-      .split(',')
-      .filter(Boolean)
-      .some((rule) => match(targetFile.type)(rule));
-
-    if (!isAllowed) {
-      message.error(t('File type is not allowed'));
-      return Upload.LIST_IGNORE;
-    }
-
-    return targetFile;
-  };
-
-  const handleLogoUpload = async (options: UploadRequestOption) => {
-    const { file, onError, onSuccess } = options;
-    setUploading(true);
-
-    try {
-      const formData = new FormData();
-      formData.append('file', file as RcFile);
-
-      const response = await app.apiClient.request({
-        url: 'attachments:create',
-        method: 'post',
-        data: formData,
-      });
-
-      const nextLogo = response?.data?.data;
-
-      form.setFieldValue('logo', nextLogo);
-      onSuccess?.(response?.data, file as RcFile);
-    } catch (error) {
-      onError?.(error);
-    } finally {
-      setUploading(false);
-    }
-  };
-
   const handleSubmit = async () => {
     const values = await form.validateFields();
     const payload = {
@@ -244,44 +115,7 @@ export const SystemSettingsPage = () => {
           <Input.TextArea autoSize={{ minRows: 2, maxRows: 4 }} />
         </Form.Item>
         <Form.Item name="logo" label={t('Logo')}>
-          <Space direction="vertical" size={token.marginSM}>
-            {logo?.url ? (
-              <img
-                alt="system-logo"
-                src={logo.url}
-                style={{
-                  width: 96,
-                  height: 96,
-                  objectFit: 'contain',
-                  borderRadius: token.borderRadius,
-                  border: `${token.lineWidth}px solid ${token.colorBorder}`,
-                  background: token.colorBgLayout,
-                  padding: token.paddingXS,
-                }}
-              />
-            ) : null}
-            <Space>
-              <Upload
-                showUploadList={false}
-                customRequest={handleLogoUpload}
-                beforeUpload={beforeUpload}
-                accept={accept}
-              >
-                <Button loading={uploading} icon={<UploadOutlined />}>
-                  {t('Upload')}
-                </Button>
-              </Upload>
-              {logo ? (
-                <Button
-                  onClick={() => {
-                    form.setFieldValue('logo', null);
-                  }}
-                >
-                  {t('Delete')}
-                </Button>
-              ) : null}
-            </Space>
-          </Space>
+          <AttachmentUpload preview={{ width: 96, height: 96, fit: 'contain' }} />
         </Form.Item>
         <Form.Item name="enabledLanguages" label={t('Enabled languages')} rules={[{ type: 'array', min: 1 }]}>
           <Select mode="multiple" options={languageOptions} />

package/src/settings-center/__tests__/groups.test.ts

@@ -0,0 +1,25 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import { describe, expect, it } from 'vitest';
+import { SETTINGS_GROUPS } from '../groups';
+
+describe('settings center groups', () => {
+  it('places the plugin manager immediately after AI employees', () => {
+    expect(SETTINGS_GROUPS.map((group) => group.key)).toEqual([
+      'applications',
+      'data',
+      'access',
+      'automation',
+      'ai',
+      'plugins',
+      'system',
+    ]);
+  });
+});