feat: add model store tab to storage page (#2064)

* feat: add model store tab to storage page

* update: hard-coded scaling group

* update: remove hardcoded field

* update: i18n resource

* feat: model store card draft ui

* fix: typo

* feat: open modal if click the list item

- fix: lint errors

* update: packages / i18n

* feat: give fragment to modelCardModal

* add: architecure and framework

* display min_resource using `ResourceNumber`

* display architecture and framework info with icon

* fix ts type of framework

* fix ts type of img tag alt

* display `\n` in the description as a new line.

* set a gird prop for responsive grid list

* fix: storage list height

* model card filtering in frontend

* update: set the modal vertically centered

* add: mockup for download / clone

* add refresh button on model card list page

* add Select components for category, task and label filtering

* add clone and download button (disabled)

* add markdown-to-jsx

* lint

* update: card size to small

* fix: the condition of filter select inputs

* two columns layout modal when lg screen

* use BAImodal and fix align

* fix filter condition

* refactor: filter condition

* change: New Folder to Add

* fix layout of ModelCardModal (marginTop:0)

* add: readme field to graphql

* display model_info.readme markdown

* ui: model clone modal

* change modal size and margin

* feat: add label tags to the model card

* feat: clone model card as user type folder

(cherry picked from commit 5c3f94a30481e0d514d69a1c16e71d91e8462109)

* update: config.toml sample to control tab

* feat: toggle model store menu according to the `supportModelStore`  option

* lint: unused

* update CloneInfo i18n

* feat: clone model card using vfolder field of ModelInfo

* feat: disable storage selector and add tooltip on the clone modal

* feat: set sourceFolderHost as initial value

* fix: delete default value of storage selector

Co-authored-by: Jong Eun Lee <[email protected]>

* style: display tag only info exists

---------

Co-authored-by: agatha197 <[email protected]>
Co-authored-by: Jong Eun Lee <[email protected]>

config.toml.sample

@@ -24,13 +24,14 @@ hideAgents = true                       # If false, show the `Agent Summary` men
 enable2FA = false                       # If true and backend.ai-totp-plugin is installed, users can activate 2FA.
 force2FA = false                        # If true, user should be register the 2FA to use Backend.AI WebUI.
 appDownloadUrl = ""                     # URL to download the electron app. If blank, https://github.com/lablup/backend.ai-webui/releases/download will be used.
-allowAppDownloadPanel = true              # If true, display the download WebUI app panel on the summary page.
+allowAppDownloadPanel = true            # If true, display the download WebUI app panel on the summary page.
 systemSSHImage = ""                     # This image is used to launch ssh session from the filebrowser dialog to support fast uploading.
 directoryBasedUsage = false             # If true, display the amount of usage per directory such as folder capacity, and number of files and directories.
 isDirectorySizeVisible = true           # If false, directory size in folder explorer will show `-`. default value is set to true.
 maxCountForPreopenPorts = 10            # The maximum allowed number of preopen ports. If you set this option to 0, the feature of preopen ports is disabled.
 allowCustomResourceAllocation = true    # If true, display the custom allocation on the session launcher.
-eduAppNamePrefix = ""              # The prefix of edu applauncher's app name. If the app name starts with this prefix, split it by '-' and use the tail as the name of image.
+eduAppNamePrefix = ""                   # The prefix of edu applauncher's app name. If the app name starts with this prefix, split it by '-' and use the tail as the name of image.
+supportModelStore = false		            # Enable model store feature. (From Backend.AI 24.03)
 
 [wsproxy]
 proxyURL = "[Proxy URL]"

package.json

@@ -89,13 +89,13 @@
     "winston": "^3.10.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.0",
-    "@babel/parser": "^7.23.0",
+    "@babel/core": "^7.23.2",
+    "@babel/parser": "^7.23.2",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-proposal-decorators": "^7.23.0",
+    "@babel/plugin-proposal-decorators": "^7.23.2",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/preset-typescript": "^7.23.0",
-    "@babel/types": "^7.23.0",
+    "@babel/preset-typescript": "^7.23.2",
+    "@babel/types": "^7.23.2",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.2.1",
     "@rollup/plugin-replace": "^5.0.2",
@@ -116,7 +116,7 @@
     "cli-color": "^2.0.3",
     "concurrently": "^8.2.1",
     "cors": "^2.8.5",
-    "crypto-es": "^2.0.4",
+    "crypto-es": "^2.1.0",
     "electron": "^26.2.4",
     "electron-installer-debian": "^3.2.0",
     "electron-installer-dmg": "^4.0.0",