next/store: make disk space preset tags dynamic based on min/max

Author: haraldschilly

src/packages/next/components/store/quota-config-presets.tsx

@@ -7,6 +7,7 @@ import { ReactNode } from "react";
 
 import { IconName } from "@cocalc/frontend/components/icon";
 import { Uptime } from "@cocalc/util/consts/site-license";
+import { MAX_DISK_GB } from "@cocalc/util/upgrades/consts";
 import { Paragraph } from "components/misc";
 import A from "components/misc/A";
 import { STANDARD_DISK } from "@cocalc/util/consts/billing";
@@ -150,7 +151,7 @@ export const SITE_LICENSE: PresetEntries = {
     ),
     cpu: 1,
     ram: 2 * STANDARD_RAM,
-    disk: Math.max(15, 4 * STANDARD_DISK),
+    disk: Math.min(Math.max(15, 4 * STANDARD_DISK), MAX_DISK_GB),
     uptime: "medium",
     member: true,
   },
@@ -193,7 +194,7 @@ export const SITE_LICENSE: PresetEntries = {
     ),
     cpu: 2,
     ram: 2 * STANDARD_RAM,
-    disk: Math.max(15, 4 * STANDARD_DISK),
+    disk: Math.min(Math.max(15, 4 * STANDARD_DISK), MAX_DISK_GB),
     uptime: "day",
     member: true,
   },
@@ -247,7 +248,7 @@ export const COURSE = {
     ),
     cpu: 1,
     ram: 8,
-    disk: 2 * STANDARD_DISK,
+    disk: Math.min(2 * STANDARD_DISK, MAX_DISK_GB),
     uptime: "medium",
     member: true,
   },

src/packages/next/components/store/quota-config.tsx

@@ -22,7 +22,13 @@ import { HelpIcon } from "@cocalc/frontend/components/help-icon";
 import { Icon } from "@cocalc/frontend/components/icon";
 import { displaySiteLicense } from "@cocalc/util/consts/site-license";
 import { plural, unreachable } from "@cocalc/util/misc";
-import { BOOST, DISK_DEFAULT_GB, REGULAR } from "@cocalc/util/upgrades/consts";
+import {
+  BOOST,
+  DISK_DEFAULT_GB,
+  MAX_DISK_GB,
+  MIN_DISK_GB,
+  REGULAR,
+} from "@cocalc/util/upgrades/consts";
 import type { LicenseSource } from "@cocalc/util/upgrades/shopping";
 
 import PricingItem, { Line } from "components/landing/pricing-item";
@@ -281,8 +287,29 @@ export const QuotaConfig: React.FC<Props> = (props: Props) => {
     );
   }
 
+  function generateDiskPresets(min: number, max: number): number[] {
+    if (min >= max) return [min];
+
+    const range = max - min;
+    const presets = [min]; // Always include minimum
+
+    //  Create 3-4 evenly spaced values
+    const step = Math.ceil(range / 4);
+    let current = min + step;
+    while (current < max) {
+      presets.push(current);
+      current += step;
+    }
+
+    presets.push(max); // Always include maximum
+    return [...new Set(presets)].sort((a, b) => a - b); // Remove duplicates and sort
+  }
+
   function disk() {
-    // 2022-06: price increase "version 2": minimum disk we sell (also the free quota) is 3gb, not 1gb
+    // Generate dynamic presets based on MIN_DISK_GB and MAX_DISK_GB
+    const presets = boost
+      ? [0, ...generateDiskPresets(MIN_DISK_GB, PARAMS.disk.max).slice(0, 3)] // For boost, include 0 and limit to 3 additional values
+      : generateDiskPresets(MIN_DISK_GB, MAX_DISK_GB);
     return (
       <Form.Item
         label="Disk space"
@@ -314,9 +341,7 @@ export const QuotaConfig: React.FC<Props> = (props: Props) => {
             onChange();
           }}
           units={"G Disk"}
-          presets={
-            boost ? [0, 3, 6, PARAMS.disk.max] : [3, 5, 10, PARAMS.disk.max]
-          }
+          presets={presets}
         />
       </Form.Item>
     );

src/packages/util/upgrades/consts.ts

@@ -17,6 +17,7 @@ export const DEFAULT_CPU = 1;
 export const MAX_CPU = upgrades.max_per_project.cores;
 
 // DISK
+// TODO (Aug 2025): increase this once the new file server is released
 export const MAX_DISK_GB = 15;
 // Aug 2025: in anticipation of the new file server, the minimum and standard is increased
 export const DISK_DEFAULT_GB = STANDARD_DISK;