feat(FR-3154): add reusable BAIVFolderMountConfigInput component

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

@@ -340,7 +340,11 @@ const BAIVFolderSelect: React.FC<BAIVFolderSelectProps> = ({
       )}
       value={
         controllableValue !== deferredControllableValue
-          ? optimisticValueWithLabel
+          ? // Optimistic state lags external value removals, so filter it to the
+            // current value to avoid briefly flickering a removed item back in.
+            optimisticValueWithLabel?.filter((item) =>
+              _.castArray(controllableValue ?? []).includes(item.value),
+            )
           : controllableValueWithLabel
       }
       labelInValue

packages/backend.ai-ui/src/components/fragments/index.ts

@@ -88,6 +88,18 @@ export type {
   VFolderNode,
   BAIVFolderSelectRef,
 } from './BAIVFolderSelect';
+export { default as BAIVFolderMountConfigInput } from './BAIVFolderMountConfigInput';
+export {
+  inputToMountDestination,
+  getVFolderMountConfigStatuses,
+  isVFolderMountConfigValid,
+} from './BAIVFolderMountConfigInput';
+export type {
+  BAIVFolderMountConfigInputProps,
+  VFolderMountConfigValue,
+  VFolderMountConfigStatusOptions,
+  VFolderMountConfigEntryStatus,
+} from './BAIVFolderMountConfigInput';
 export { default as BAIProjectVfolderSelect } from './BAIProjectVfolderSelect';
 export type {
   BAIProjectVfolderSelectProps,

packages/backend.ai-ui/src/locale/de.json

@@ -386,6 +386,20 @@
   "comp:BAIUserSelect": {
     "SelectUser": "Benutzer auswählen"
   },
+  "comp:BAIVFolderMountConfigInput": {
+    "AliasInvalid": "Ungültiges Pfadformat.",
+    "AliasOverlapping": "Der Einhängepfad überschneidet sich mit einem anderen Ordner.",
+    "AliasPlaceholder": "Einhängepfad",
+    "AutoMountedFolders": "Automatisch eingehängte Ordner",
+    "Name": "Name",
+    "PathAndAlias": "Pfad & Alias",
+    "PathAndAliasTooltip": "Der Pfad im Container, in den der Ordner eingehängt wird. Leer lassen, um den Standardpfad zu verwenden.",
+    "RemoveFolder": "Entfernen",
+    "Subpath": "Unterpfad",
+    "SubpathInvalid": "Der Unterpfad muss ein relativer Pfad sein und darf '..' nicht enthalten.",
+    "SubpathPlaceholder": "z. B. dataset/train (optional)",
+    "SubpathTooltip": "Hängt einen Unterordner innerhalb des Ordners als Quelle ein, anstatt dessen Wurzel. Leer lassen, um die Wurzel einzuhängen."
+  },
   "comp:BAIVFolderSelect": {
     "SelectFolder": "Ordner auswählen"
   },

packages/backend.ai-ui/src/locale/el.json

@@ -386,6 +386,20 @@
   "comp:BAIUserSelect": {
     "SelectUser": "Επιλογή χρήστη"
   },
+  "comp:BAIVFolderMountConfigInput": {
+    "AliasInvalid": "Μη έγκυρη μορφή διαδρομής.",
+    "AliasOverlapping": "Η διαδρομή προσάρτησης επικαλύπτεται με άλλο φάκελο.",
+    "AliasPlaceholder": "Διαδρομή προσάρτησης",
+    "AutoMountedFolders": "Φάκελοι αυτόματης προσάρτησης",
+    "Name": "Όνομα",
+    "PathAndAlias": "Διαδρομή & Ψευδώνυμο",
+    "PathAndAliasTooltip": "Η διαδρομή εντός του container όπου θα προσαρτηθεί ο φάκελος. Αφήστε κενό για να χρησιμοποιηθεί η προεπιλεγμένη διαδρομή.",
+    "RemoveFolder": "Αφαίρεση",
+    "Subpath": "Υποδιαδρομή",
+    "SubpathInvalid": "Η υποδιαδρομή πρέπει να είναι σχετική και να μην περιέχει '..'.",
+    "SubpathPlaceholder": "π.χ. dataset/train (προαιρετικό)",
+    "SubpathTooltip": "Προσαρτά έναν υποφάκελο εντός του φακέλου ως πηγή αντί της ρίζας του. Αφήστε κενό για προσάρτηση της ρίζας."
+  },
   "comp:BAIVFolderSelect": {
     "SelectFolder": "Επιλογή φακέλου"
   },

packages/backend.ai-ui/src/locale/en.json

@@ -386,6 +386,20 @@
   "comp:BAIUserSelect": {
     "SelectUser": "Select User"
   },
+  "comp:BAIVFolderMountConfigInput": {
+    "AliasInvalid": "Invalid path format.",
+    "AliasOverlapping": "Mount path overlaps with another folder.",
+    "AliasPlaceholder": "Mount path",
+    "AutoMountedFolders": "Automount Folders",
+    "Name": "Name",
+    "PathAndAlias": "Path & Alias",
+    "PathAndAliasTooltip": "The path inside the container where the folder will be mounted. Leave empty to use the default path.",
+    "RemoveFolder": "Remove",
+    "Subpath": "Subpath",
+    "SubpathInvalid": "Subpath must be a relative path and must not contain '..'.",
+    "SubpathPlaceholder": "e.g. dataset/train (optional)",
+    "SubpathTooltip": "Mount a subfolder inside the folder as the source instead of its root. Leave empty to mount the root."
+  },
   "comp:BAIVFolderSelect": {
     "SelectFolder": "Select Folder"
   },

packages/backend.ai-ui/src/locale/es.json

@@ -386,6 +386,20 @@
   "comp:BAIUserSelect": {
     "SelectUser": "Seleccionar usuario"
   },
+  "comp:BAIVFolderMountConfigInput": {
+    "AliasInvalid": "Formato de ruta inválido.",
+    "AliasOverlapping": "La ruta de montaje se superpone con otra carpeta.",
+    "AliasPlaceholder": "Ruta de montaje",
+    "AutoMountedFolders": "Carpetas de montaje automático",
+    "Name": "Nombre",
+    "PathAndAlias": "Ruta & Alias",
+    "PathAndAliasTooltip": "La ruta dentro del contenedor donde se montará la carpeta. Déjelo vacío para usar la ruta predeterminada.",
+    "RemoveFolder": "Eliminar",
+    "Subpath": "Subruta",
+    "SubpathInvalid": "La subruta debe ser una ruta relativa y no debe contener '..'.",
+    "SubpathPlaceholder": "p. ej. dataset/train (opcional)",
+    "SubpathTooltip": "Monta una subcarpeta dentro de la carpeta como origen en lugar de su raíz. Déjelo vacío para montar la raíz."
+  },
   "comp:BAIVFolderSelect": {
     "SelectFolder": "Seleccionar carpeta"
   },

packages/backend.ai-ui/src/locale/fi.json

@@ -386,6 +386,20 @@
   "comp:BAIUserSelect": {
     "SelectUser": "Valitse käyttäjä"
   },
+  "comp:BAIVFolderMountConfigInput": {
+    "AliasInvalid": "Virheellinen polkumuoto.",
+    "AliasOverlapping": "Liitospolku on päällekkäinen toisen kansion kanssa.",
+    "AliasPlaceholder": "Liitospolku",
+    "AutoMountedFolders": "Automaattisesti liitetyt kansiot",
+    "Name": "Nimi",
+    "PathAndAlias": "Polku & Alias",
+    "PathAndAliasTooltip": "Polku säilön sisällä, johon kansio liitetään. Jätä tyhjäksi käyttääksesi oletuspolkua.",
+    "RemoveFolder": "Poista",
+    "Subpath": "Alihakemisto",
+    "SubpathInvalid": "Alihakemiston on oltava suhteellinen polku eikä se saa sisältää '..'.",
+    "SubpathPlaceholder": "esim. dataset/train (valinnainen)",
+    "SubpathTooltip": "Liittää kansion sisällä olevan alikansion lähteeksi juuren sijaan. Jätä tyhjäksi liittääksesi juuren."
+  },
   "comp:BAIVFolderSelect": {
     "SelectFolder": "Valitse kansio"
   },

packages/backend.ai-ui/src/locale/fr.json

@@ -386,6 +386,20 @@
   "comp:BAIUserSelect": {
     "SelectUser": "Sélectionner un utilisateur"
   },
+  "comp:BAIVFolderMountConfigInput": {
+    "AliasInvalid": "Format de chemin invalide.",
+    "AliasOverlapping": "Le chemin de montage chevauche un autre dossier.",
+    "AliasPlaceholder": "Chemin de montage",
+    "AutoMountedFolders": "Dossiers montés automatiquement",
+    "Name": "Nom",
+    "PathAndAlias": "Chemin & Alias",
+    "PathAndAliasTooltip": "Le chemin à l'intérieur du conteneur où le dossier sera monté. Laissez vide pour utiliser le chemin par défaut.",
+    "RemoveFolder": "Supprimer",
+    "Subpath": "Sous-chemin",
+    "SubpathInvalid": "Le sous-chemin doit être un chemin relatif et ne doit pas contenir '..'.",
+    "SubpathPlaceholder": "ex. dataset/train (facultatif)",
+    "SubpathTooltip": "Monte un sous-dossier à l'intérieur du dossier comme source au lieu de sa racine. Laissez vide pour monter la racine."
+  },
   "comp:BAIVFolderSelect": {
     "SelectFolder": "Sélectionner un dossier"
   },

packages/backend.ai-ui/src/locale/id.json

@@ -386,6 +386,20 @@
   "comp:BAIUserSelect": {
     "SelectUser": "Pilih Pengguna"
   },
+  "comp:BAIVFolderMountConfigInput": {
+    "AliasInvalid": "Format jalur tidak valid.",
+    "AliasOverlapping": "Jalur mount bertumpang tindih dengan folder lain.",
+    "AliasPlaceholder": "Jalur mount",
+    "AutoMountedFolders": "Folder mount otomatis",
+    "Name": "Nama",
+    "PathAndAlias": "Jalur & Alias",
+    "PathAndAliasTooltip": "Jalur di dalam container tempat folder akan di-mount. Kosongkan untuk menggunakan jalur default.",
+    "RemoveFolder": "Hapus",
+    "Subpath": "Subjal",
+    "SubpathInvalid": "Subjalur harus berupa jalur relatif dan tidak boleh mengandung '..'.",
+    "SubpathPlaceholder": "mis. dataset/train (opsional)",
+    "SubpathTooltip": "Mount subfolder di dalam folder sebagai sumber, bukan dari direktori root-nya. Kosongkan untuk mount dari root."
+  },
   "comp:BAIVFolderSelect": {
     "SelectFolder": "Pilih Folder"
   },

packages/backend.ai-ui/src/locale/it.json

@@ -386,6 +386,20 @@
   "comp:BAIUserSelect": {
     "SelectUser": "Seleziona utente"
   },
+  "comp:BAIVFolderMountConfigInput": {
+    "AliasInvalid": "Formato del percorso non valido.",
+    "AliasOverlapping": "Il percorso di montaggio si sovrappone a un'altra cartella.",
+    "AliasPlaceholder": "Percorso di montaggio",
+    "AutoMountedFolders": "Cartelle montate automaticamente",
+    "Name": "Nome",
+    "PathAndAlias": "Percorso & Alias",
+    "PathAndAliasTooltip": "Il percorso all'interno del container dove verrà montata la cartella. Lasciare vuoto per usare il percorso predefinito.",
+    "RemoveFolder": "Rimuovi",
+    "Subpath": "Sottopercorso",
+    "SubpathInvalid": "Il sottopercorso deve essere un percorso relativo e non deve contenere '..'.",
+    "SubpathPlaceholder": "es. dataset/train (facoltativo)",
+    "SubpathTooltip": "Monta una sottocartella all'interno della cartella come sorgente invece della sua radice. Lasciare vuoto per montare la radice."
+  },
   "comp:BAIVFolderSelect": {
     "SelectFolder": "Seleziona cartella"
   },

packages/backend.ai-ui/src/locale/ja.json

@@ -386,6 +386,20 @@
   "comp:BAIUserSelect": {
     "SelectUser": "ユーザーを選択"
   },
+  "comp:BAIVFolderMountConfigInput": {
+    "AliasInvalid": "パスの形式が無効です。",
+    "AliasOverlapping": "マウントパスが別のフォルダと重複しています。",
+    "AliasPlaceholder": "マウントパス",
+    "AutoMountedFolders": "自動マウントフォルダ",
+    "Name": "名前",
+    "PathAndAlias": "パス & エイリアス",
+    "PathAndAliasTooltip": "コンテナ内でフォルダがマウントされるパスです。デフォルトのパスを使用する場合は空欄にしてください。",
+    "RemoveFolder": "削除",
+    "Subpath": "サブパス",
+    "SubpathInvalid": "サブパスは相対パスである必要があり、'..' を含めることはできません。",
+    "SubpathPlaceholder": "例: dataset/train (省略可)",
+    "SubpathTooltip": "フォルダのルートではなく、フォルダ内のサブフォルダをマウントソースとして使用します。ルートをマウントするには空欄にしてください。"
+  },
   "comp:BAIVFolderSelect": {
     "SelectFolder": "フォルダを選択"
   },

packages/backend.ai-ui/src/locale/ko.json

@@ -386,6 +386,20 @@
   "comp:BAIUserSelect": {
     "SelectUser": "사용자를 선택해주세요"
   },
+  "comp:BAIVFolderMountConfigInput": {
+    "AliasInvalid": "경로 형식이 올바르지 않습니다.",
+    "AliasOverlapping": "다른 폴더와 마운트 경로가 중복됩니다.",
+    "AliasPlaceholder": "마운트 경로",
+    "AutoMountedFolders": "자동 마운트 폴더",
+    "Name": "이름",
+    "PathAndAlias": "경로 & 대체이름",
+    "PathAndAliasTooltip": "폴더가 컨테이너 내부에 마운트될 경로입니다. 비워두면 기본 경로가 사용됩니다.",
+    "RemoveFolder": "제거",
+    "Subpath": "하위 경로",
+    "SubpathInvalid": "하위 경로는 상대 경로여야 하며 '..'을 포함할 수 없습니다.",
+    "SubpathPlaceholder": "예: dataset/train (선택)",
+    "SubpathTooltip": "폴더 루트 대신 폴더 내부의 하위 경로를 마운트 소스로 사용합니다. 비워두면 루트가 마운트됩니다."
+  },
   "comp:BAIVFolderSelect": {
     "SelectFolder": "폴더를 선택해주세요"
   },

packages/backend.ai-ui/src/locale/mn.json

@@ -386,6 +386,20 @@
   "comp:BAIUserSelect": {
     "SelectUser": "Хэрэглэгч сонгох"
   },
+  "comp:BAIVFolderMountConfigInput": {
+    "AliasInvalid": "Замын формат буруу байна.",
+    "AliasOverlapping": "Маунтын зам өөр хавтастай давхцаж байна.",
+    "AliasPlaceholder": "Маунтын зам",
+    "AutoMountedFolders": "Автоматаар маунт хийсэн хавтаснууд",
+    "Name": "Нэр",
+    "PathAndAlias": "Зам & Alias",
+    "PathAndAliasTooltip": "Хавтасыг контейнер дотор маунт хийх зам. Анхдагч замыг ашиглахын тулд хоосон үлдээнэ үү.",
+    "RemoveFolder": "Хасах",
+    "Subpath": "Дэд зам",
+    "SubpathInvalid": "Дэд зам нь харьцангуй зам байх ёстой бөгөөд '..' агуулж болохгүй.",
+    "SubpathPlaceholder": "жш нь dataset/train (заавал биш)",
+    "SubpathTooltip": "Хавтасны үндсийн оронд хавтас дотрах дэд хавтасыг эх сурвалж болгон маунт хийнэ. Үндсийг маунт хийхийн тулд хоосон үлдээнэ үү."
+  },
   "comp:BAIVFolderSelect": {
     "SelectFolder": "Хавтас сонгох"
   },

packages/backend.ai-ui/src/locale/ms.json

@@ -386,6 +386,20 @@
   "comp:BAIUserSelect": {
     "SelectUser": "Pilih Pengguna"
   },
+  "comp:BAIVFolderMountConfigInput": {
+    "AliasInvalid": "Format laluan tidak sah.",
+    "AliasOverlapping": "Laluan mount bertindih dengan folder lain.",
+    "AliasPlaceholder": "Laluan mount",
+    "AutoMountedFolders": "Folder mount automatik",
+    "Name": "Nama",
+    "PathAndAlias": "Laluan & Alias",
+    "PathAndAliasTooltip": "Laluan di dalam container tempat folder akan di-mount. Biarkan kosong untuk menggunakan laluan lalai.",
+    "RemoveFolder": "Buang",
+    "Subpath": "Sublaluan",
+    "SubpathInvalid": "Sublaluan mestilah laluan relatif dan tidak boleh mengandungi '..'.",
+    "SubpathPlaceholder": "cth. dataset/train (pilihan)",
+    "SubpathTooltip": "Mount subfolder di dalam folder sebagai sumber dan bukannya root-nya. Biarkan kosong untuk mount root."
+  },
   "comp:BAIVFolderSelect": {
     "SelectFolder": "Pilih Folder"
   },

packages/backend.ai-ui/src/locale/pl.json

@@ -386,6 +386,20 @@
   "comp:BAIUserSelect": {
     "SelectUser": "Wybierz użytkownika"
   },
+  "comp:BAIVFolderMountConfigInput": {
+    "AliasInvalid": "Nieprawidłowy format ścieżki.",
+    "AliasOverlapping": "Ścieżka montowania pokrywa się z innym folderem.",
+    "AliasPlaceholder": "Ścieżka montowania",
+    "AutoMountedFolders": "Automatycznie montowane foldery",
+    "Name": "Nazwa",
+    "PathAndAlias": "Ścieżka & Alias",
+    "PathAndAliasTooltip": "Ścieżka wewnątrz kontenera, w której zostanie zamontowany folder. Pozostaw puste, aby użyć domyślnej ścieżki.",
+    "RemoveFolder": "Usuń",
+    "Subpath": "Podścieżka",
+    "SubpathInvalid": "Podścieżka musi być ścieżką względną i nie może zawierać '..'.",
+    "SubpathPlaceholder": "np. dataset/train (opcjonalne)",
+    "SubpathTooltip": "Montuje podfolder wewnątrz folderu jako źródło zamiast jego katalogu głównego. Pozostaw puste, aby zamontować katalog główny."
+  },
   "comp:BAIVFolderSelect": {
     "SelectFolder": "Wybierz folder"
   },

packages/backend.ai-ui/src/locale/pt-BR.json

@@ -392,6 +392,20 @@
   "comp:BAIUserSelect": {
     "SelectUser": "Selecionar usuário"
   },
+  "comp:BAIVFolderMountConfigInput": {
+    "AliasInvalid": "Formato de caminho inválido.",
+    "AliasOverlapping": "O caminho de montagem se sobrepõe a outra pasta.",
+    "AliasPlaceholder": "Caminho de montagem",
+    "AutoMountedFolders": "Pastas de montagem automática",
+    "Name": "Nome",
+    "PathAndAlias": "Caminho & Alias",
+    "PathAndAliasTooltip": "O caminho dentro do container onde a pasta será montada. Deixe em branco para usar o caminho padrão.",
+    "RemoveFolder": "Remover",
+    "Subpath": "Subcaminho",
+    "SubpathInvalid": "O subcaminho deve ser um caminho relativo e não deve conter '..'.",
+    "SubpathPlaceholder": "ex. dataset/train (opcional)",
+    "SubpathTooltip": "Monta uma subpasta dentro da pasta como origem em vez da raiz. Deixe em branco para montar a raiz."
+  },
   "comp:BAIVFolderSelect": {
     "SelectFolder": "Selecionar pasta"
   },

packages/backend.ai-ui/src/locale/pt.json

@@ -386,6 +386,20 @@
   "comp:BAIUserSelect": {
     "SelectUser": "Selecionar usuário"
   },
+  "comp:BAIVFolderMountConfigInput": {
+    "AliasInvalid": "Formato de caminho inválido.",
+    "AliasOverlapping": "O caminho de montagem sobrepõe-se a outra pasta.",
+    "AliasPlaceholder": "Caminho de montagem",
+    "AutoMountedFolders": "Pastas de montagem automática",
+    "Name": "Nome",
+    "PathAndAlias": "Caminho & Alias",
+    "PathAndAliasTooltip": "O caminho dentro do contentor onde a pasta será montada. Deixe em branco para usar o caminho predefinido.",
+    "RemoveFolder": "Remover",
+    "Subpath": "Subcaminho",
+    "SubpathInvalid": "O subcaminho deve ser um caminho relativo e não deve conter '..'.",
+    "SubpathPlaceholder": "ex. dataset/train (opcional)",
+    "SubpathTooltip": "Monta uma subpasta dentro da pasta como origem em vez da sua raiz. Deixe em branco para montar a raiz."
+  },
   "comp:BAIVFolderSelect": {
     "SelectFolder": "Selecionar pasta"
   },

packages/backend.ai-ui/src/locale/ru.json

@@ -386,6 +386,20 @@
   "comp:BAIUserSelect": {
     "SelectUser": "Выберите пользователя"
   },
+  "comp:BAIVFolderMountConfigInput": {
+    "AliasInvalid": "Неверный формат пути.",
+    "AliasOverlapping": "Путь монтирования перекрывается с другой папкой.",
+    "AliasPlaceholder": "Путь монтирования",
+    "AutoMountedFolders": "Папки с автомонтированием",
+    "Name": "Имя",
+    "PathAndAlias": "Путь & Псевдоним",
+    "PathAndAliasTooltip": "Путь внутри контейнера, в который будет смонтирована папка. Оставьте пустым для использования пути по умолчанию.",
+    "RemoveFolder": "Удалить",
+    "Subpath": "Подпуть",
+    "SubpathInvalid": "Подпуть должен быть относительным путём и не должен содержать '..'.",
+    "SubpathPlaceholder": "напр. dataset/train (необязательно)",
+    "SubpathTooltip": "Монтирует подпапку внутри папки как источник вместо её корня. Оставьте пустым для монтирования корня."
+  },
   "comp:BAIVFolderSelect": {
     "SelectFolder": "Выбрать папку"
   },

packages/backend.ai-ui/src/locale/th.json

@@ -386,6 +386,20 @@
   "comp:BAIUserSelect": {
     "SelectUser": "เลือกผู้ใช้"
   },
+  "comp:BAIVFolderMountConfigInput": {
+    "AliasInvalid": "รูปแบบพาธไม่ถูกต้อง",
+    "AliasOverlapping": "พาธ mount ซ้ำซ้อนกับโฟลเดอร์อื่น",
+    "AliasPlaceholder": "พาธ mount",
+    "AutoMountedFolders": "โฟลเดอร์ที่ mount อัตโนมัติ",
+    "Name": "ชื่อ",
+    "PathAndAlias": "พาธ & Alias",
+    "PathAndAliasTooltip": "พาธภายใน container ที่โฟลเดอร์จะถูก mount ปล่อยว่างเพื่อใช้พาธเริ่มต้น",
+    "RemoveFolder": "ลบ",
+    "Subpath": "Subpath",
+    "SubpathInvalid": "Subpath ต้องเป็น relative path และต้องไม่มี '..'",
+    "SubpathPlaceholder": "เช่น dataset/train (ไม่บังคับ)",
+    "SubpathTooltip": "mount โฟลเดอร์ย่อยภายในโฟลเดอร์เป็นแหล่งข้อมูลแทน root ปล่อยว่างเพื่อ mount จาก root"
+  },
   "comp:BAIVFolderSelect": {
     "SelectFolder": "เลือกโฟลเดอร์"
   },