feat(FR-1507): add a value to config.toml to enalbe reservoir page

Author: nowgnuesLee

config.toml.sample

@@ -32,6 +32,7 @@ enableExtendLoginSession = false        # If true, enables login session extensi
 enableImportFromHuggingFace = false     # Enable import from Hugging Face feature. (From Backend.AI 24.09)
 enableInteractiveLoginAccountSwitch = true  # If false, hide the "Sign in with a different account" button from the interactive login page.
 enableModelFolders = true               # Enable model folders feature. (From Backend.AI 23.03)
+enableReservoir = false                 # Enable reservoir page
 
 [wsproxy]
 proxyURL = "[Proxy URL]"

packages/backend.ai-ui/src/components/fragments/BAIArtifactTable.tsx

@@ -159,11 +159,9 @@ const BAIArtifactTable = ({
             <Button
               title={t('comp:BAIArtifactTable.Deactivate')}
               size="small"
-              type="text"
-              style={{
-                color: token.colorError,
-                background: token.colorErrorBg,
-              }}
+              // type="text"
+              color={'red'}
+              variant="filled"
               icon={<BanIcon />}
               onClick={() => onClickDelete(record.id)}
             />
@@ -173,12 +171,10 @@ const BAIArtifactTable = ({
             <Button
               title={t('comp:BAIArtifactTable.Activate')}
               size="small"
-              type="text"
+              color="blue"
+              variant="filled"
+              // type="text"
               icon={<UndoIcon />}
-              style={{
-                color: token.colorInfo,
-                background: token.colorInfoBg,
-              }}
               onClick={() => onClickRestore(record.id)}
             />
           );

react/src/components/MainLayout/WebUISider.tsx

@@ -287,11 +287,14 @@ const WebUISider: React.FC<WebUISiderProps> = (props) => {
       icon: <SolutionOutlined style={{ color: token.colorInfo }} />,
       key: 'resource-policy',
     },
-    baiClient?.supports('reservoir') && {
-      label: <WebUILink to="/reservoir">{t('webui.menu.Reservoir')}</WebUILink>,
-      icon: <PackagePlus style={{ color: token.colorInfo }} />,
-      key: 'reservoir',
-    },
+    baiClient?.supports('reservoir') &&
+      baiClient?._config.enableReservoir && {
+        label: (
+          <WebUILink to="/reservoir">{t('webui.menu.Reservoir')}</WebUILink>
+        ),
+        icon: <PackagePlus style={{ color: token.colorInfo }} />,
+        key: 'reservoir',
+      },
   ]);
 
   const superAdminMenu: MenuProps['items'] = [

react/src/hooks/index.tsx

@@ -605,6 +605,7 @@ type BackendAIConfig = {
   showNonInstalledImages: boolean;
   enableInteractiveLoginAccountSwitch: boolean;
   isDirectorySizeVisible: boolean;
+  enableReservoir: boolean;
   debug: boolean;
   [key: string]: any;
 };

src/components/backend-ai-login.ts

@@ -144,6 +144,7 @@ export default class BackendAILogin extends BackendAIPage {
   @property({ type: Boolean }) enableExtendLoginSession = false;
   @property({ type: Boolean }) enableModelFolders = true;
   @property({ type: Boolean }) showNonInstalledImages = false;
+  @property({ type: Boolean }) enableReservoir = false;
   @property({ type: Boolean }) enableInteractiveLoginAccountSwitch = true;
   @property({ type: String }) eduAppNamePrefix;
   @property({ type: String }) pluginPages;
@@ -867,6 +868,12 @@ export default class BackendAILogin extends BackendAIPage {
       defaultValue: true,
       value: generalConfig?.enableModelFolders,
     } as ConfigValueObject) as boolean;
+    // Enable reservoir feature
+    this.enableReservoir = this._getConfigValueByExists(generalConfig, {
+      valueType: 'boolean',
+      defaultValue: false,
+      value: generalConfig?.enableReservoir,
+    } as ConfigValueObject) as boolean;
   }
 
   /**
@@ -1937,6 +1944,8 @@ export default class BackendAILogin extends BackendAIPage {
         globalThis.backendaiclient._config.inactiveList = this.inactiveList;
         globalThis.backendaiclient._config.allowSignout = this.allow_signout;
         globalThis.backendaiclient.ready = true;
+        globalThis.backendaiclient._config.enableReservoir =
+          this.enableReservoir;
         if (
           this.endpoints.indexOf(
             globalThis.backendaiclient._config.endpoint as string,