From a34e87782bc82694e4a688ff622d79e32d3c22b6 Mon Sep 17 00:00:00 2001
From: jkpe <16779171+jkpe@users.noreply.github.com>
Date: Fri, 9 May 2025 13:40:22 +0100
Subject: [PATCH 1/2] Add VRAM column to GPU sizes table

---
 src/components/GpuSizes.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/GpuSizes.vue b/src/components/GpuSizes.vue
index 026c22f..425ad09 100644
--- a/src/components/GpuSizes.vue
+++ b/src/components/GpuSizes.vue
@@ -50,6 +50,10 @@
               {{ props.row.gpu_info ? props.row.gpu_info.count : '-' }}
           </b-table-column>
 
+          <b-table-column field="gpu_vram" label="VRAM" sortable>
+              {{ props.row.gpu_info && props.row.gpu_info.vram ? `${props.row.gpu_info.vram.amount} ${props.row.gpu_info.vram.unit.toUpperCase()}` : '-' }}
+          </b-table-column>
+
           <b-table-column field="gpu_model" label="GPU Type" sortable>
               {{ props.row.gpu_info ? props.row.gpu_info.model : '-' }}
           </b-table-column>

From cd3d5affa820bd2ed53af222782da6eb8708d712 Mon Sep 17 00:00:00 2001
From: jkpe <16779171+jkpe@users.noreply.github.com>
Date: Fri, 9 May 2025 15:34:58 +0100
Subject: [PATCH 2/2] Update memory and storage units to binary prefixes (GiB,
 TiB) across components

---
 src/components/AppPlatformSizes.vue |  2 +-
 src/components/GpuSizes.vue         | 42 +++++++++++++++++++++++++----
 src/components/Sizes.vue            |  6 ++---
 3 files changed, 41 insertions(+), 9 deletions(-)

diff --git a/src/components/AppPlatformSizes.vue b/src/components/AppPlatformSizes.vue
index 434089d..dc0c93b 100644
--- a/src/components/AppPlatformSizes.vue
+++ b/src/components/AppPlatformSizes.vue
@@ -58,7 +58,7 @@
           </b-table-column>
 
           <b-table-column field="memory_bytes" label="Memory" sortable>
-              {{ (props.row.memory_bytes / (1024 * 1024 * 1024)).toFixed(1) }} GB
+              {{ (props.row.memory_bytes / (1024 * 1024 * 1024)).toFixed(1) }} GiB
           </b-table-column>
 
           <b-table-column field="bandwidth_allowance_gib" label="Bandwidth" sortable>
diff --git a/src/components/GpuSizes.vue b/src/components/GpuSizes.vue
index 425ad09..3dd1e4c 100644
--- a/src/components/GpuSizes.vue
+++ b/src/components/GpuSizes.vue
@@ -31,7 +31,7 @@
           </b-table-column>
 
           <b-table-column field="memory" label="RAM" sortable>
-              {{ props.row.memory | mbToGb }} GB
+              {{ props.row.memory | mbToGb }} GiB
           </b-table-column>
 
           <b-table-column field="vcpus" label="CPU" sortable>
@@ -39,7 +39,7 @@
           </b-table-column>
 
           <b-table-column field="disk" label="Disk" sortable>
-              {{ props.row.disk }} GB
+              {{ props.row.disk }} GiB
           </b-table-column>
 
           <b-table-column field="scratch_disk" label="Scratch Disk" sortable>
@@ -51,7 +51,7 @@
           </b-table-column>
 
           <b-table-column field="gpu_vram" label="VRAM" sortable>
-              {{ props.row.gpu_info && props.row.gpu_info.vram ? `${props.row.gpu_info.vram.amount} ${props.row.gpu_info.vram.unit.toUpperCase()}` : '-' }}
+              {{ props.row.gpu_info && props.row.gpu_info.vram ? `${props.row.gpu_info.vram.amount} ${formatVramUnit(props.row.gpu_info.vram.unit)}` : '-' }}
           </b-table-column>
 
           <b-table-column field="gpu_model" label="GPU Type" sortable>
@@ -59,7 +59,7 @@
           </b-table-column>
 
           <b-table-column field="transfer" label="Transfer" sortable>
-              {{ props.row.transfer }} TB
+              {{ props.row.transfer }} TiB
           </b-table-column>
 
           <b-table-column field="price_monthly" label="Price Monthly" sortable>
@@ -150,7 +150,39 @@ export default {
       const scratchDisk = row.disk_info.find(disk => disk.type === 'scratch')
       if (!scratchDisk || !scratchDisk.size) return '-'
 
-      return `${scratchDisk.size.amount} ${scratchDisk.size.unit.toUpperCase()}`
+      // Convert unit if needed
+      const unit = this.formatDiskUnit(scratchDisk.size.unit)
+      return `${scratchDisk.size.amount} ${unit}`
+    },
+    formatDiskUnit (unit) {
+      if (!unit) return ''
+      // Convert decimal units to binary units
+      const unitMap = {
+        'gb': 'GiB',
+        'mb': 'MiB',
+        'tb': 'TiB',
+        'kb': 'KiB',
+        'gib': 'GiB',
+        'mib': 'MiB',
+        'tib': 'TiB',
+        'kib': 'KiB'
+      }
+      return unitMap[unit.toLowerCase()] || unit.toUpperCase()
+    },
+    formatVramUnit (unit) {
+      if (!unit) return ''
+      // Convert decimal units to binary units
+      const unitMap = {
+        'gb': 'GiB',
+        'mb': 'MiB',
+        'tb': 'TiB',
+        'kb': 'KiB',
+        'gib': 'GiB',
+        'mib': 'MiB',
+        'tib': 'TiB',
+        'kib': 'KiB'
+      }
+      return unitMap[unit.toLowerCase()] || unit.toUpperCase()
     }
   },
   created () {
diff --git a/src/components/Sizes.vue b/src/components/Sizes.vue
index d7de872..a7f3429 100644
--- a/src/components/Sizes.vue
+++ b/src/components/Sizes.vue
@@ -31,7 +31,7 @@
           </b-table-column>
 
           <b-table-column field="memory" label="RAM" sortable>
-              {{ props.row.memory | mbToGb }} GB
+              {{ props.row.memory | mbToGb }} GiB
           </b-table-column>
 
           <b-table-column field="vcpus" label="CPU" sortable>
@@ -39,11 +39,11 @@
           </b-table-column>
 
           <b-table-column field="disk" label="Disk" sortable>
-              {{ props.row.disk }} GB
+              {{ props.row.disk }} GiB
           </b-table-column>
 
           <b-table-column field="transfer" label="Transfer" sortable>
-              {{ props.row.transfer }} TB
+              {{ props.row.transfer }} TiB
           </b-table-column>
 
           <b-table-column field="price_monthly" label="Price Monthly" sortable>