feature(FR-529): Aplication memory bar (#3473)

Resolves #3177 (FR-529)

# Enhanced Shared Memory UI in Resource Allocation Form

This PR improves the shared memory (SHMEM) allocation UI in the resource allocation form by:

1. Adding a visual representation of memory allocation with a slider that shows the proportion of application memory vs shared memory
2. Implementing an auto/manual toggle switch for shared memory allocation
3. Adding tooltips with explanatory text about shared memory allocation
4. Displaying memory allocation values with appropriate units
5. Adding validation to recommend that shared memory be less than half of application memory

The new UI makes it clearer to users how memory is being allocated between application memory and shared memory, while providing both automatic and manual configuration options.

![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/XqC2uNFuj0wg8I60sMUh/64072a97-b3ad-4840-9aa3-2cf5690437ef.png)

![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/XqC2uNFuj0wg8I60sMUh/b167e9c1-eb9e-4f01-9859-472b6956bcba.png)

Author: yomybaby

react/src/components/ResourceAllocationFormItems.tsx

@@ -201,7 +201,7 @@ function convertSizeUnit(
   return {
     number: finalBytes,
     numberFixed,
-    unit: sizes[targetIndex],
+    unit: sizes[targetIndex] as SizeUnit,
     numberUnit: `${numberFixed}${sizes[targetIndex]}`,
   };
 }
@@ -267,6 +267,19 @@ export function addNumberWithUnits(
   )?.numberUnit;
 }
 
+export function subNumberWihUnits(
+  size1: string,
+  size2: string,
+  targetUnit: SizeUnit = 'm',
+) {
+  return convertBinarySizeUnit(
+    (convertBinarySizeUnit(size1, 'b')?.number || 0) -
+      (convertBinarySizeUnit(size2, 'b')?.number || 0) +
+      'b',
+    targetUnit,
+  )?.numberUnit;
+}
+
 export type QuotaScopeType = 'project' | 'user';
 export const addQuotaScopeTypePrefix = (type: QuotaScopeType, str: string) => {
   if (str === '' || str === undefined) return '';

react/src/helper/index.tsx

@@ -593,6 +593,7 @@
     "Add": "Hinzufügen",
     "Advanced": "Fortgeschritten",
     "All": "Alle",
+    "Auto": "Auto",
     "Change": "Ändern Sie",
     "ConfirmPassword": "Kennwort bestätigen",
     "Control": "Steuerung",
@@ -607,6 +608,7 @@
     "InProgress": "In Arbeit",
     "InvalidJSONFormat": "Ungültiges JSON-Format.",
     "LastUpdated": "Zuletzt aktualisiert",
+    "Manual": "Handbuch",
     "MaxValueNotification": "{{name}} muss maximal {{max}} sein",
     "NSelected": "{{Zahl}} ausgewählt",
     "NewPassword": "Neues Kennwort",
@@ -1259,6 +1261,7 @@
       "AllocateNode": "Cluster-Modus",
       "Architecture": "Architektur",
       "AutoSelect": "Automatische Auswahl",
+      "AutoSharedMemoryTooltip": "Sie können die Größe des gemeinsamen Speichers innerhalb des zugewiesenen Speichers automatisch auswählen oder manuell eingeben.",
       "Base": "Base",
       "BatchJobTimeoutDuration": "Dauer des Batch-Job-Timeouts",
       "BatchJobTimeoutDurationDesc": "Legen Sie die maximale Ausführungszeit für Batch-Jobs fest. \nDie Sitzung wird automatisch beendet, wenn die angegebene Zeit überschritten wird.",
@@ -1384,6 +1387,7 @@
       "ResourceAllocationPerContainer": "Ressourcenzuweisung pro Container",
       "ResourceGroup": "Ressourcengruppe",
       "ResourceMonitorToggle": "Siehe Ressourcenmonitor",
+      "SHMEMShouldBeLessThanHalfOfAppMemory": "Es wird empfohlen, dass der gemeinsam genutzte Speicher weniger als die Hälfte des Anwendungsspeichers beträgt.",
       "ScheduleTime": "Zeit einplanen (optional)",
       "ScheduleTimeSimple": "Startzeit einstellen",
       "SelectAgent": "Wählen Sie Agent aus",

resources/i18n/de.json

@@ -589,6 +589,7 @@
     "Add": "Προσθήκη",
     "Advanced": "Προχωρημένος",
     "All": "Όλα",
+    "Auto": "Auto",
     "Change": "Αλλαγή",
     "ConfirmPassword": "Επιβεβαίωση Κωδικού",
     "Control": "Ελεγχος",
@@ -603,6 +604,7 @@
     "InProgress": "Σε εξέλιξη",
     "InvalidJSONFormat": "Μη έγκυρη μορφή JSON.",
     "LastUpdated": "Τελευταία ενημέρωση",
+    "Manual": "Χειροκίνητο",
     "MaxValueNotification": "{{name}} πρέπει να είναι το μέγιστο {{max}}",
     "NSelected": "{{count}} selected",
     "NewPassword": "νέος κωδικός πρόσβασης",
@@ -1255,6 +1257,7 @@
       "AllocateNode": "Λειτουργία συμπλέγματος",
       "Architecture": "Αρχιτεκτονική",
       "AutoSelect": "Αυτόματη επιλογή",
+      "AutoSharedMemoryTooltip": "Μπορείτε να επιλέξετε αυτόματα ή να εισαγάγετε χειροκίνητα το μέγεθος της κοινόχρηστης μνήμης εντός της διατιθέμενης μνήμης.",
       "Base": "Βάση",
       "BatchJobTimeoutDuration": "Διάρκεια χρονικού ορίου λήξης παρτίδας εργασίας",
       "BatchJobTimeoutDurationDesc": "Ορίστε τον μέγιστο χρόνο εκτέλεσης για εργασίες παρτίδας. \nΗ συνεδρία θα τερματιστεί αυτόματα εάν ξεπεραστεί ο καθορισμένος χρόνος.",
@@ -1380,6 +1383,7 @@
       "ResourceAllocationPerContainer": "Κατανομή πόρων ανά εμπορευματοκιβώτιο",
       "ResourceGroup": "Ομάδα πόρων",
       "ResourceMonitorToggle": "Δείτε την παρακολούθηση πόρων",
+      "SHMEMShouldBeLessThanHalfOfAppMemory": "Η κοινόχρηστη μνήμη συνιστάται να είναι μικρότερη από το ήμισυ της μνήμης της εφαρμογής.",
       "ScheduleTime": "Χρόνος προγραμματισμού (προαιρετικά)",
       "ScheduleTimeSimple": "Ρύθμιση ώρας έναρξης",
       "SelectAgent": "Επιλέξτε Πράκτορας",

resources/i18n/el.json

@@ -599,6 +599,7 @@
     "Add": "Add",
     "Advanced": "Advanced",
     "All": "All",
+    "Auto": "Auto",
     "Change": "Change",
     "ConfirmPassword": "Confirm Password",
     "Control": "Control",
@@ -613,6 +614,7 @@
     "InProgress": "In progress",
     "InvalidJSONFormat": "Invalid JSON format.",
     "LastUpdated": "Last Updated",
+    "Manual": "Manual",
     "MaxValueNotification": "{{name}} must be maximum {{max}}",
     "NSelected": "{{count}} selected",
     "NewPassword": "New Password",
@@ -1265,6 +1267,7 @@
       "AllocateNode": "Cluster mode",
       "Architecture": "Architecture",
       "AutoSelect": "Auto Select",
+      "AutoSharedMemoryTooltip": "You can automatically select or manually enter the shared memory size within the allocated memory.",
       "Base": "Base",
       "BatchJobTimeoutDuration": "Batch Job Timeout Duration",
       "BatchJobTimeoutDurationDesc": "Set the maximum execution time for batch jobs. The session will automatically terminate if the specified time is exceeded.",
@@ -1391,6 +1394,7 @@
       "ResourceAllocationPerContainer": "Resource Allocation Per Container",
       "ResourceGroup": "Resource Group",
       "ResourceMonitorToggle": "See resource monitor",
+      "SHMEMShouldBeLessThanHalfOfAppMemory": "Shared memory is recommended to be less than half of the application memory.",
       "ScheduleTime": "Schedule time (optional)",
       "ScheduleTimeSimple": "Set start time",
       "SelectAgent": "Select Agent",

resources/i18n/en.json

@@ -593,6 +593,7 @@
     "Add": "Añadir",
     "Advanced": "Avanzado",
     "All": "Todos",
+    "Auto": "Auto",
     "Change": "Cambia",
     "ConfirmPassword": "Confirmar contraseña",
     "Control": "Controlar",
@@ -607,6 +608,7 @@
     "InProgress": "En curso",
     "InvalidJSONFormat": "Formato JSON no válido.",
     "LastUpdated": "Última actualización",
+    "Manual": "Manual",
     "MaxValueNotification": "{{name}} debe ser máximo {{max}}",
     "NSelected": "{{cuenta}} seleccionado",
     "NewPassword": "Nueva contraseña",
@@ -1259,6 +1261,7 @@
       "AllocateNode": "Modo clúster",
       "Architecture": "Arquitectura",
       "AutoSelect": "Selección automática",
+      "AutoSharedMemoryTooltip": "Puede seleccionar automáticamente o introducir manualmente el tamaño de la memoria compartida dentro de la memoria asignada.",
       "Base": "Base",
       "BatchJobTimeoutDuration": "Duración del tiempo de espera del trabajo por lotes",
       "BatchJobTimeoutDurationDesc": "Establezca el tiempo máximo de ejecución para trabajos por lotes. \nLa sesión finalizará automáticamente si se excede el tiempo especificado.",
@@ -1384,6 +1387,7 @@
       "ResourceAllocationPerContainer": "Asignación de recursos por contenedor",
       "ResourceGroup": "Grupo de recursos",
       "ResourceMonitorToggle": "Ver monitor de recursos",
+      "SHMEMShouldBeLessThanHalfOfAppMemory": "Se recomienda que la memoria compartida sea inferior a la mitad de la memoria de la aplicación.",
       "ScheduleTime": "Programar hora (opcional)",
       "ScheduleTimeSimple": "Establecer hora de inicio",
       "SelectAgent": "Seleccionar Agente",

resources/i18n/es.json

@@ -592,6 +592,7 @@
     "Add": "Lisää",
     "Advanced": "Edistynyt",
     "All": "Kaikki",
+    "Auto": "Auto",
     "Change": "Muuta",
     "ConfirmPassword": "Vahvista salasana",
     "Control": "Valvonta",
@@ -606,6 +607,7 @@
     "InProgress": "Käynnissä",
     "InvalidJSONFormat": "Väärä JSON-muoto.",
     "LastUpdated": "Viimeksi päivitetty",
+    "Manual": "Manuaalinen",
     "MaxValueNotification": "{{name}} on oltava maksimi {{max}}",
     "NSelected": "{{count}} valittu",
     "NewPassword": "Uusi salasana",
@@ -1257,6 +1259,7 @@
       "AllocateNode": "Cluster-tila",
       "Architecture": "Arkkitehtuuri",
       "AutoSelect": "Automaattinen valinta",
+      "AutoSharedMemoryTooltip": "Voit valita jaetun muistin koon automaattisesti tai syöttää sen manuaalisesti jaetun muistin sisällä.",
       "Base": "Base",
       "BatchJobTimeoutDuration": "Erätyön aikakatkaisun kesto",
       "BatchJobTimeoutDurationDesc": "Aseta erätöiden enimmäissuoritusaika. \nIstunto päättyy automaattisesti, jos määritetty aika ylittyy.",
@@ -1382,6 +1385,7 @@
       "ResourceAllocationPerContainer": "Resurssien jakaminen konttia kohti",
       "ResourceGroup": "Resurssiryhmä",
       "ResourceMonitorToggle": "Katso resurssimonitori",
+      "SHMEMShouldBeLessThanHalfOfAppMemory": "Jaetun muistin suositellaan olevan alle puolet sovelluksen muistista.",
       "ScheduleTime": "Aikatauluaika (valinnainen)",
       "ScheduleTimeSimple": "Aseta aloitusaika",
       "SelectAgent": "Valitse Agentti",

resources/i18n/fi.json

@@ -593,6 +593,7 @@
     "Add": "Ajouter",
     "Advanced": "Avancée",
     "All": "Tous",
+    "Auto": "Auto",
     "Change": "Changer",
     "ConfirmPassword": "Confirmez le mot de passe",
     "Control": "Contrôler",
@@ -607,6 +608,7 @@
     "InProgress": "En cours",
     "InvalidJSONFormat": "Format JSON non valide.",
     "LastUpdated": "Dernière mise à jour",
+    "Manual": "Manuel",
     "MaxValueNotification": "{{nom}} doit être maximum {{max}}",
     "NSelected": "{{count}} sélectionné",
     "NewPassword": "nouveau mot de passe",
@@ -1259,6 +1261,7 @@
       "AllocateNode": "Mode cluster",
       "Architecture": "Architecture",
       "AutoSelect": "Sélection automatique",
+      "AutoSharedMemoryTooltip": "Vous pouvez sélectionner automatiquement ou saisir manuellement la taille de la mémoire partagée dans la mémoire allouée.",
       "Base": "Base",
       "BatchJobTimeoutDuration": "Durée d'expiration du travail par lots",
       "BatchJobTimeoutDurationDesc": "Définissez la durée d'exécution maximale des tâches par lots. \nLa session se terminera automatiquement si la durée spécifiée est dépassée.",
@@ -1384,6 +1387,7 @@
       "ResourceAllocationPerContainer": "Allocation de ressources par conteneur",
       "ResourceGroup": "Groupe de ressources",
       "ResourceMonitorToggle": "Voir le moniteur de ressources",
+      "SHMEMShouldBeLessThanHalfOfAppMemory": "Il est recommandé que la mémoire partagée soit inférieure à la moitié de la mémoire de l'application.",
       "ScheduleTime": "Programmation de l'heure (facultatif)",
       "ScheduleTimeSimple": "Définir l'heure de début",
       "SelectAgent": "Sélectionnez un agent",

resources/i18n/fr.json

@@ -592,6 +592,7 @@
     "Add": "Tambah",
     "Advanced": "Lanjutan",
     "All": "Semua",
+    "Auto": "Otomatis",
     "Change": "Perubahan",
     "ConfirmPassword": "Periksa Password",
     "Control": "Kontrol",
@@ -606,6 +607,7 @@
     "InProgress": "Sedang Berlangsung",
     "InvalidJSONFormat": "Format JSON tidak valid.",
     "LastUpdated": "Terakhir diperbarui",
+    "Manual": "Manual",
     "MaxValueNotification": "{{nama}} harus maksimal {{max}}",
     "NSelected": "{{count}} dipilih",
     "NewPassword": "Kata Sandi Baru",
@@ -1257,6 +1259,7 @@
       "AllocateNode": "Modus klaster",
       "Architecture": "Arsitektur",
       "AutoSelect": "Pilih Otomatis",
+      "AutoSharedMemoryTooltip": "Anda dapat memilih secara otomatis atau secara manual memasukkan ukuran memori bersama dalam memori yang dialokasikan.",
       "Base": "Basis",
       "BatchJobTimeoutDuration": "Durasi Batas Waktu Tugas Batch",
       "BatchJobTimeoutDurationDesc": "Tetapkan waktu eksekusi maksimum untuk pekerjaan batch. \nSesi akan otomatis berakhir jika waktu yang ditentukan terlampaui.",
@@ -1383,6 +1386,7 @@
       "ResourceAllocationPerContainer": "Alokasi Sumber Daya Per Kontainer",
       "ResourceGroup": "Grup Sumber Daya",
       "ResourceMonitorToggle": "Lihat monitor sumber daya",
+      "SHMEMShouldBeLessThanHalfOfAppMemory": "Memori bersama disarankan kurang dari setengah memori aplikasi.",
       "ScheduleTime": "Jadwalkan waktu (opsional)",
       "ScheduleTimeSimple": "Tetapkan waktu mulai",
       "SelectAgent": "Pilih Agen",

resources/i18n/id.json

@@ -592,6 +592,7 @@
     "Add": "Inserisci",
     "Advanced": "Avanzate",
     "All": "Tutti",
+    "Auto": "Auto",
     "Change": "Cambiamento",
     "ConfirmPassword": "conferma password",
     "Control": "Controllo",
@@ -606,6 +607,7 @@
     "InProgress": "In corso",
     "InvalidJSONFormat": "Formato JSON non valido.",
     "LastUpdated": "Ultimo aggiornamento",
+    "Manual": "Manuale",
     "MaxValueNotification": "{{nome}} deve essere massimo {{max}}",
     "NSelected": "{{count}} selezionato",
     "NewPassword": "nuova password",
@@ -1256,6 +1258,7 @@
       "AllocateNode": "Modalità cluster",
       "Architecture": "Architettura",
       "AutoSelect": "Auto selezione",
+      "AutoSharedMemoryTooltip": "È possibile selezionare automaticamente o inserire manualmente la dimensione della memoria condivisa all'interno della memoria allocata.",
       "Base": "Base",
       "BatchJobTimeoutDuration": "Durata del timeout del lavoro batch",
       "BatchJobTimeoutDurationDesc": "Imposta il tempo di esecuzione massimo per i lavori batch. \nLa sessione terminerà automaticamente se viene superato il tempo specificato.",
@@ -1381,6 +1384,7 @@
       "ResourceAllocationPerContainer": "Allocazione delle risorse per contenitore",
       "ResourceGroup": "Gruppo di risorse",
       "ResourceMonitorToggle": "Vedi il monitoraggio delle risorse",
+      "SHMEMShouldBeLessThanHalfOfAppMemory": "Si raccomanda che la memoria condivisa sia inferiore alla metà della memoria dell'applicazione.",
       "ScheduleTime": "Programmare l'orario (opzionale)",
       "ScheduleTimeSimple": "Imposta l'ora di inizio",
       "SelectAgent": "Seleziona Agente",